Decoding Note

기존 자바스크립트에서의 변수 선언은 var를 이용하는 방법뿐이였다.ES6 문법에서 let, const를 이용한 변수 선업방법이 새로 생겼는데, 어떻게 사용되는지 간단히 정리해 본다. let, const (Block-level scope)let과 const를 이용하여 변수를 선언했을 경우, 유효범위는 블록 단위가 된다.아래의 코드를 보면 바로 알 수 있을 것이다. function func() { let foo = 5; if (···) { let foo = 10; console.log(foo); // 10 } console.log(foo); // 5 } 그럼 이번에는 블록안에서 다시 선언을 하지 않을 경우를 확인해 보자. function func() { let foo = 5; console.log(foo);..

$ npm install -g npm 다른 패키지를 설치하기 전에 npm을 최신버전으로 업데이트 한다. 필요한 package 설치 1. babel: babel은 transpiler 중 하나로, ES6를 ES5 문법으로 변환하여 대부분의 자바스크립트 엔진에서 사용할 수 있도록 만들어 준다.웹 브라우저마다 ES6의 지원 여부가 다르기 때문에 동작가능한 Javascript 코드로 변환해주는 이 작업이 필요하다. 2. webpack: import된 모듈을 하나의 파일로 묶어주는 module bundler의 역할을 하는 도구다. $ npm install -g babel webpack babel 사용해보기 $ babel [input file] ES6로 작성한 [input file]을 변환하여 출력한다. $ babe..