# module format

gygy

이번 포스팅에서는 웹팩과 모듈시스템에 대해 더 구체적으로 정리해보려 한다. require? 그동안 다른 소스코드를 참고하면서 require 키워드를 많이 봐왔는데, 정확히 어떤 키워드이고 왜 쓰는지, import와 비슷한 역할을 하는 건데 무슨 차이인지, 그냥 Node.js의 문법일 뿐인지 잘 모르고 있었다. Webpack 마찬가지로 웹팩이 무엇인지 큰 개념만 알고 있을 뿐 어떻게 사용해야 하는지에 대해서는 아는 바가 없었는데, 이번에 새로운 프로젝트를 하면서 이 이슈와 직접적으로 맞닥뜨리게 되었는데, 이 기회에 평소 궁금하던 부분을 짚고 넘어가기로 했다. > CORS 이슈부터 웹팩 모듈 포맷 까지... 여러모로 시작을 고민했던 프로젝트였는데, 평소 궁금했거나 꼭 공부해야지 싶었던 부분을 직접 겪으며 공부할 수 있는 기회를 예상외로 많이 만나게 되어서, 시도 자체만으로 내겐 가치가 있는 프로젝트인 것 같다. ts에서 파이어베이스 사용하기 ts

pyoseunghoon

모듈이란? 구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들. ES5의 모듈 패턴 과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음. ES6이후 부터 모듈화 지원. 자바스크립트가 진화하면서 모듈을 정의하기 위한 다양한 문법이 개발되었음. ==> 이것을 " 모듈 포맷 " 이라고 함 모듈 포맷 ES6 이전에는 다양한 JS 모듈 포맷 만들어짐 AMD CommonJS System.register Universal Module Definition ES6 Moudle format (ES6) 현재 주로 사용되어지는 모듈 CommonJS ( Node.js가 디폴트로 사용하고 있는 모듈 포맷 ) ES6 Moudle format Commonjs 포맷 node.js에서 사용 require, m