express, babel 설치

npm i express

npm은 패키지 관리 도구입니다. 프로젝트에서 요구하는 서버를 구현하기 위해서는 express 를 설치해 줍니다.

express 설치 후, node_modules에서 express > lib 에서 package.json을 확인할 수 있습니다.

dependencies 등등 확인해볼 수 있습니다.

express의 package.json 파일의 scripts 부분 입니다.

보고 있는 이유는 scripts에는 어떤것이 정의되었는지 확인해보고자 했습니다.

또, dependencies 입니다. 이 express를 실행하려면 반드시 설치해줘야 하는 의존성 패키지들 이라고 생각하시면 좋을 것 같습니다.

npm i 시에 package.json의 express의 버전을 package-lock.json의 Express 버전을 참고해서 설치하게 됩니다.

또, npm은 package.json을 쉽게 변경시킬 수 있기 때문에 꼭 close or save 한 뒤에 npm 작업을 수행해야 합니다.

babel로 최신 JS 문법을 사용해 봅시다.

babel 사이트로 이동해줍니다.

여기서 명령어 중에 --save-dev 표현이 있는데, 해당 표현은 dependency 에 포함되는것보다 devDependencies에 포함됩니다.

dependency에 포함시킬 수도 있지만 개발자를 위해 따로 관리하는것입니다.

babel 설치 이후에 babel 홈페이지에서 제공하는 가이드라인대로 config 파일을 생성합니다.

리눅스 시스템에서 touch로 파일을 하나 생성합니다. babel.config.json 으로 명명합니다.

babel설정 값에 preset 의 패키지를 포함시킵니다. @babel/preset-env에는 es6 기능을 컴파일할 수 있는 plug-in의 집합입니다.

가이드대로 presets 설정 값을 포함시킵니다.