ES63 [javascript] ES6 반드시 알아야 할 문법 let, const의 공통적인 특징 5가지 es5 에서 var는 유일하게 변수를 선언할 수 있는 키워드였다. var는 무척 너그러운 선언이므로 사용하려면 철저한 설계가 필요했다. 그렇지 않다면 심각한 문제를 초래할 수 있다. 이러한 문제들을 보완하려 es6에서는 let과 const 문법을 정의했다. let과 const 특성을 var와 비교하면서 알아보자 let과 const의 공통적인 특성이므로, 예제는 let을 이용해 작성했다. 1. 중복 선언 불가 var는 중복 선언이 가능하다. 다음과 같은 코드에서는 error가 발생하지 않는다. var varValue =1; var varValue =2; let은 다음과 같이 이미 선언된 변수라는 Syntax Error가 발생 된다. let letValue = 1; let letValue = 2; //Unc.. 2018. 8. 23. [javsscript] es6 dynamic import 이전 포스팅에서 import와 export 사용법을 설명했다. 하지만 import를 선언하면서 모든 스크립트를 동시에 가져온다면 로딩 시간이 길어질 수 밖에 없다. es6에서는 이점을 보완하기 위해 필요한 스크립트만 가져와서 사용하도록 dynamic import를 정의했다. 사용법은 간단하다. import('./ImportClass.js'); 위와 같이 import안에 import할 module명을 넣어 주면 된다. 그러면 return 값으로 Promise 객체를 받는다. 이제 class 객체를 생성하여 사용해보자. export default class ImportClass { constructor() { console.log('import!'); } }import('./ImportClass').then.. 2018. 8. 12. [javascript] es6 export, import 사용하기 javascript 의 export와 import는 es6(es2015) 에서 모듈 시스템을 이용하여 사용하기 위해 정의된 API이다. 하지만 몇몇 브라우저에서는 아직 지원하지 않기 때문에 webpack같은 도구를 통한 번들 작업이 필요하다. 이번 포스팅에서는 그 각각의 사용법을 알아보자. 1. export export 는 내부 스크립트 객체를 외부 스크립트로 모듈화하는 것이다. 물론, export를 선언하지 않았으면 외부 스크립트에서 import를 통해 사용할 수 없다. export는 스크립트 내 모든 객체에 선언할 수 있다. export 방식에는 Named와 default 방식이 있다. named export 방식 //각각 선언 export const exString = 'string'; export.. 2018. 8. 11. 이전 1 다음
