기존 commonJS 모듈방식을 사용하다 ES module 방식으로 바꾸게되면 많은 에러를 만나게된다. ES module 방식은 import/export 구문을 사용할 수 있게 해준다. 원래도 import/export 방식을 사용했다고해서 ES module 시스템을 사용하는 것은 아닐 수 있다. 마침 이번 feconf 에서 토스팀의 박서진 개발자님이 이 주제로 연사를 한 내용이 있어 첨부한다. https://youtu.be/mee1QbvaO10 esm방식을 사용하기 위해선 package.json 파일에 모듈선언을 해야한다. { "type": "module" } { "type": "commonjs" } 타입 선언을 하고나면 현재 package.json 파일을 기준으로 하위에 있는 파일은 선언한 방식을 사용..
[Webpack] - #7 웹팩 세팅하기 (feat: ES module)
[ Webpack 시리즈 ] [Webpack] - #1 Webpack이란? [Webpack] - #2 Entry [Webpack] - #3 Output [Webpack] - #4 Loader [Webpack] - #5 Plugin [Webpack] - #6 Dev Server [Webpack] - #7 웹팩 세팅하기 (feat: ES module) 프로젝트 환경설정 이전 포스팅의 마무리 느낌으로 바닐라 자바스크립트 기반의 개발환경을 세팅해보자! 👊 1. 프로젝트 버전관리 npm init -y 2. .gitignore 파일 생성 및 설정 # dependencies /node_modules # production /dist # etc .DS_Store .vscode .gitignore 파일에는 git으로 추..
