자바스크립트 기초 강의 (ES5+) (3/18)

Yuri Lee·2020년 9월 7일
0

자바스크립트 3. 데이터타입, data types, let vs var, hoisting | 프론트엔드 개발자 입문편 (JavaScript ES5+)

입력, 연산, 출력이 가장 중요한 요소인 것 같다.
CPU에 최적화된 연산, 메모리의 사용을 최소화

1. 'use strict';
'use strict';를 이용하여 조금 더 모던하게 개발해보자

2. Variable
변수는 변경될 수 있는 값
let는 ES6에서 추가되었다.

어플리케이션을 실행하게 되면 어플리케이션마다 사용할 수 있는 메모리가 할당된다. 이 메모리는 텅텅 비어져 있는 박스이다. 이 박스는 각 어플리케이션마다 다르다. 자바스크립트에서 변수를 선언할 수 있는 키워드는 딱 하나 let 이다.

그 전에는 var를 사용하였다. 아직도 이것을 사용하면 등을 때려주자. 왜 사용하면 안될까? 대부분의 프로그래밍 언어에서는 변수를 선언하고 값을 할당하는 게 정상이다. 하지만 자바스크립트 var에서는 선언도 하기 전에 값을 할당할 수 있다. 이것을 let을 통해 한다면 에러가 발생한다.

이것을 var hoisting라고 한다. 가끔 면접을 가다보면 이것에 대해 물어보는 경우가 있다. 어디에 선언했는가에 상관없이 항상 제일 위로 선언을 끌여올려주는 것을 말한다.

var는 block scope가 안된다. var는 block를 철저히 무시한다.

3. block scope
블럭 안에 작성하면 밖에서 접근할 수 없다. 반면 글로벌한 아이들은 어느곳에서나 접근이 가능하다. (항상 메모리에 탑재 되어있음) 따라서 최소한으로 사용하는 것이 좋다.

-이 글은 유투버 드림코딩 by 엘리 의
자바스크립트 기초 강의 (ES5+): 같이 노트를 작성하며 배워요 📒를 바탕으로 정리한 내용입니다.-

profile
Step by step goes a long way ✨

0개의 댓글