ECMA?

세미콜론

• 자바스크립트는 세미콜론을 선택적으로 사용 가능
• 세미콜론이 없을 경우 ASI에 의해 자동으로 세미콜론이 삽입됨

코딩스타일 가이드

• 코딩 스타일의 핵심은 합의된 원칙과 일관성
• 절대적인 하나의 정답은 없으며, 상황에 맞게 원칙을 정하고 일관성 있게 사용하는 것이 중요.

변수와 식별자 개념

• 식별자(identifier)는 변수를 구분할 수 있는 변수명을 말함
• 식별자는 반드시 문자, 달러 또는 밑줄로 시작
• 대소문자 구분, 클래스명외에는 모두 소문자로 시작

변수 선언 키워드

let

• 재할당 할 수 있는 변수 선언 시 사용
• 변수 재선언 불가능
• 블록 스코프

const

• 재할당 할 수 없는 변수 선언시 사용
• 변수 재선언 불가능
• 블록스코프

var

• var로 선언한 변수는 재선언 및 재할당 모두 가능
• ES6 이전에 변수를 선언할 때 사용되던 키워드
• 호이스팅 되는 특성으로 인해 예기치 못한 문제 발생 가능
  • 따라서 ES6 이후부터는 var 대신 const, let을 사용하는 것을 권장
• 함수 스코프

블록스코프

• if, for, 함수 등의 중괄호 내부를 가리킴
• 블록 스코프를 가지는 변수는 블록 바깥에서 접근 불가능

let fullName = 'Brendan Eich'

if (fullName === 'Brendan Eich') {
  let fullName = 'Guido Van Rossum'
  console.log('블록 스코프:', fullName) // -> Guido Van Rossum
}

console.log('전역 스코프:', fullName) // -> Brendan Eich

함수 스코프

• 함수 중괄호 내부를 가리킴
• 함수 스코프를 가지는 변수는 함수 바깥에서 접근 불가능

function f1() {
  var message = 'You are doing great!'
}
console.log(message) 

const codeEditor = 'vscode'

if (codeEditor === 'vscode') {
  var theme = 'dark+'
}
console.log(theme) // dark+ 

호이스팅(hoisting)

• 변수를 선언 이전에 참조할 수 있는 현상
• 변수 선언 이전의 위치에서 접근 시 undefined를 반환

console.log(hoisted) // undefined
var hoisted = 'can you see me?'

console.log(lunch) // ReferenceError
const lunch = '초밥'

console.log(dinner) // ReferenceError
let dinner = '스테이크'