[2024 신입부원 기초 스터디] 이서영 #3주차 (JS

자바스크립트

: 웹 페이지에서 기능을 구현할 수 있게 해주는 언어

1. 기능

2. 특징

3. 실습 환경 세팅

- 개발자 도구 열기

- 콘솔 내용 클리어

[자바스크립트 사용 방법]

1. html 내부

<script>
	console.log("Hello World!");
</script>
<!-- console.log() -> 타언어의 print 같은 역할
괄호 안에 출력할 값 입력 -> 개발자를 위한 메세지 출력, 다양한 데이터 출력 -->

2. html 외부

<body>
	<script src="test.js"></script>
</body>

// test.js
console.log("Hello World!");

* 자바스크립트 실행문은 세미콜론(;)으로 구분

[자바스크립트 문법]

주석 : 컴퓨터가 무시하는 메세지 ( 코드를 읽는 사람들을 위한 메세지 )

console.log(true); //코드의 오른쪽으로 적으면 코드 비활성화
// console.log(false);

/*
여러줄 주석
작성 가능~
*/

변수

var 변수1 = "var 사용은 권장되지 않음";
let 변수2 = "변수 선언"; // 넣은 데이터를 바꿀 수 있음
const 상수 = "상수 선언"; // 넣은 데이터를 바꿀 수 없음

- 변수 이름 규칙

- 변수 스코프

스코프 : 변수에 접근할 수 있는 유효범위

let a = 1;
if (true) {
	let b =2;
    // a 접근 가능, b 접근 가능
}
// a 접근 가능, b 접근 불가능

타입

let a = 1; // Number
let b = "abc" // String
let c = true; // Boolean 
let d = [1, "abc", false] //Array

연산자

let a;
a = 2; //대입 연산자

조건문

: 조건이 참인지 거짓인지에 따라 실행할지 결정

- if, else

if (/*조건문A*/) {
	// 조건문 A가 참이면 실행
} else if (/*조건문B*/) {
	// 조건문 A가 거짓이고 조건문 B가 참이면 실행
} else {
	// 조건문이 모두 거짓이면 실행
}

반복문

: 주어진 조건이 참인동안 반복

- for

for (/* 초기식 */;/* 조건식 */;/* 증감식 */) {
  //조건식이 참일 때 계속 반복 실행
}
// 초기식 : 변수의 선언 및 할당
// 조건식 : 종료조건
// 증감식 : 참일시 블록 안의 코드 이후 실행

- while

while (/* 조건문 */) {
	// 조건문이 참일 때 계속 반복 실행
}

[함수]

: 반복될 수 있는 작업을 정의, input을 받아 output을 반환

function sayHi(name) {
	console.log("Hi," + name);
    console.log("Nice to meet you!");
}
sayHi("이서영");

Hi,이서영
Nice to meet you!

KMU_SW_CLUB