ES6(ES2015) 에서는 var 이와에 const 와 let을 이용하여 변수를 선언을 할수 있게 되었습니다 대부분 모던 자바스크립트 코드를 보면 var 보다는 const,let 을 이용하여 변수 할당이 되어 있는것을 확인하실수있는데 3개의 변수 할당이 어떻게 다른 특징이 있는지 살펴보겠습니다. ES6 이전에는 변수를 할당하는 방법은 var를 이용하여 변수를 할당하는 방법이 있었습니다. 어휘적 유효범위 (lexical scope) 프로그레밍에서는 scope 는 해당 값의 범위라는 의미를 가집니다. var의 특징을 살펴 보겠습니다. 간단한 조건문을 이용하여 아래 코드가 실행을 유추해 봅시다. var dog = 'Ralf'; if (true) { var dog = 'Skip'; } console.log(d..

자바스크립트 ES6(ES2015+) 에서 간략한 방법으로 함수를 선언할수 있는 화살표 함수(Arrow Function)가 존재합니다. 화살표 함수에 대한 표현식은 자비스크립트 참고자료 공식 문서인 MDN Web Docs 에서 아래와 같이 구문이 작성되어있습니다. MDN 문서 참조 // 매개변수 지정 방법 (param1, param2, …, paramN) => { statements } // 매개변수가 여러개인 경우에는 소괄호 생략 X (param1, param2, …, paramN) => expression // 다음과 동일함: => { return expression; } // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할수 있으며 암묵적으로 return 이 됩니다. // 매개변수가 하나뿐인 경우 괄호..

자바스크립트를 사용하면서 꼭 알아두어야 하는 개념중 하나인 IIFE 에 대해서 정리를 하겠습니다. IIFE 란 정의되자마자 실행되는 자바스크립트 함수입니다. IIFE 함수 표현식은 함수 리터럴 () 로 감싼뒤 function을 익명으로 사용합니다. 아래 예제 코드입니다. (function () { console.log('Hello World') })(); // Hello World 이부분을 크롬 브라우저 콘솔이나 js 파일로 작성한뒤 node 로 실행하면 따로 함수를 호출하지 않아도 바로 실행이 됩니다. 여기서 자바스크립트에서 함수 리터럴 (Function Itertor) 은 네가지 요소로 되어 있습니다. function 예약어 (필수) 함수명 (선택) 매개변수 집합 (필수) 함수 스코프 (필수) 여기서..