Node.js express 서버 환경 설정 (nodemon, babel)

환경설정

프로젝트 디렉토리는 다음과 같다.

nodemon

nodemon: 프로젝트 변경사항이 있을 시 서버를 재시작해주는 프로그램
nodemon.json 파일 생성

// nodemon.json
{
    "ignore": ["src/public/*"],
    "exec": "babel-node src/server.js"        //bablel-node가 server를 컴파일함
}

// package.json
"scripts": {
  "dev": "nodemon"
},

# npm run dev

babel

babel-node 실행시키면 babel-node는 babel.config.json 찾음
babel.config.json에서 코드에 적용돼야 하는 preset을 실행

// babel.config.json
{
    "presets": ["@babel/preset-env"]
}

src/public/

JS로 풀스택을 작성하다보면 어떤 코드가 백엔드인지 프론트엔드인지 구별하기 힘들 때가 있음.
그래서 src/public/ 폴더에 프론트엔드 관련 소스를 따로 저장해서 구별하기 쉽게 미리 셋업한다.

app.use("/public", express.static(__dirname + "/public"));

server.js (express)에서 public을 프론트엔드에서 사용되도록 설정한다.
/public 폴더 아래는 유저가 모두 볼 수 있다.