Enjoy Programming

음 잘 알지는 못하지만 ECMAScript6에는 브라우저상에서 자바스크립트를 모듈을 export, import할 수 있게 되었다. 일단 모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 모듈은 세부 사항을 캡슐화 하고 공개가 필요한 API만을 외부에 노출한다. 모듈은 파일 단위로 분리 ~ 필요에 따라 명시적으로 모듈을 로드하여 재사용한다. c, java, python은 #include, import등의 모듈 기능을 가지고 있다. 그러나 클라이언트 사이드 자바스크립트는 script태그를 사용하여 외부의 스크립트 파일을 가져 올 수 는 있지만, 파일마다 독립적인 파일 스코프를 갖지 않고 하나의 Global Object를 공유한다. ES6에서는 이를 해결? 하기 위해 expo..

이번엔 최신의 자바스크립트 코드를 노멀한 자바스크립트로 변환 시켜줄 Babel을 설치해보자 Babel이란 무엇인가 공식 사이트 소개에는 babel is a javascript compiler 자바스크립트 컴파일러란다. 인터프리터 언어인 자바스크립트로 babel은 결과물을 만들어주는 컴파일러이다 입력은 자바스크립트 코드이고 출력도 자바스크립트 코드이다. 최신 버전의 자바스크립트 코드는 브라우저가 잘 이해하지 못하는 경우가 있기에 babel은 브라우저가 이해할 수 있도록 문법을 변환 해준다. es6, es7등등 최신 문법을 사용 가능하도록 해주는 컴파일러다. ----------------------------------------------------------- es6에는 새로운 문법이 많다. arrow ..