[Express] 2. 서버 개발 환경 세팅 (Basic Version)

Byungchan Park·2021년 9월 20일
0

Express 튜토리얼

목록 보기
2/4

이 글은 노마드코더 줌 클론 강의 내용을 바탕으로 정리한 글입니다.

*필요 설치 라이브러리
1. Express
2. Nodemon
3. Babel : @babel/core, @babel/cli, @babel/node, @babel/preset-env

What is Express?

참조 : https://velog.io/@byungchanparkme/Express-1.-%EC%9D%B5%EC%8A%A4%ED%94%84%EB%A0%88%EC%8A%A4-%EA%B8%B0%EC%B4%88

What is Nodemon?

node monitor의 약자로, 노드가 실행하는 파일이 속한 디렉터리 내 소스 코드가 변경된 것을 감지해서 자동으로 서버를 재 시작해주는 확장 모듈

* 설치


npm install nodemon -D

* 설정

// package.json
{
    "scripts": {
      "dev": "nodemon"
    }
}
// nodemon.json
{
  "exec": "babel-node src/server.js"
}

노드 어플리케이션 실행 시, 터미널에서 npm run dev 명령어 입력

What is Babel?

바벨은 자바스크립트 트랜스파일러
(우리가 작성한 코드를 NodeJS 런타임이 실행 가능한 형태로 변환해주는 것)

* 설치

npm install @babel/core @babel/cli @babel/node @babel/preset-env -D
  • @babel/core : 바벨의 핵심 패키지
  • @babel/cli : 개발 의존성으로 바벨 커맨드 라인 도구
    => 설치 이후 터미널에서 babel 커맨드로 자바스크립트 코드를 트랜스파일할 수 있음.
  • @babel/preset-env : 바벨 사전 설정값
    (ES2015 이상의 최신 자바스크립트 문법으로 작성된 코드 해석 가능)
  • @babel/node : 우리가 작성한 소스 코드를 트랜스파일 후 곧바로 실행할 수 있도록 해 줌.

* 설정

// babel.config.json
{
    "presets": ["@babel/preset-env"]
}
profile
풀 스택 개발자를 지향하는 개발자 새내기입니다.

0개의 댓글