스벨트 자바스크립트 문법 점검

 

좀더 진도를 나가기 전에 자바스크립트 문법 몇 가지를 확인하고 가야 진도가 편해질 것 같다.

왜냐하면 제대로 자바스크립트 문법을 공부한 적이 없으므로...

우선 예제에 자주 등장하는 3가지.

 

1. let

함수 내부나 특정 블록에서만 사용할 변수를 선언할 때 사용

for 루프나 if, switch 같은 조건문 내에서 특정 조건에 따른 변수 선언 시 사용

let x = 1;
if (x === 1) {
  let x = 2; // 새로운 블록 범위에서 선언
  console.log(x); // 2
}
console.log(x); // 1

 

2. const

프로그램 내의 상수값을 저장할 때 사용

const PI = 3.14;
if (true) {
  const PI = 2.71; // 새로운 블록 범위에서 선언
  console.log(PI); // 2.71
}
console.log(PI); // 3.14

 

3. 화살표 함수

자바스크립트에서 함수를 선언하는 새로운 방법이란다.

더 짧고 간결한 문법을 제공해서 가독성이 좋아진다.

 

function add(a, b) {
  return a + b;
}

 

기존에 자주 볼 수 있는 함수선언 방법이다.

 

그럼 화살표 함수는 뭐가 다를까?

 

const add = (a, b) => a + b;

 

기존에 사용하던 함수의 선언방식과 조금 낯설긴 하지만 뭔가 더 간결해진 것 같다.

벌써 한줄일 경우 명시적으로 반환하기 때문에 return 키워드가 생략되었다.

자주 쓰다보면 금방 익숙해지겠지?

 

 

챗GPT 등에 질문하면 더 자세한 설명을 들을 수 있지만 여기서는 간단하게만 적고 가야겠다.