뒷단 작업을 위한 index.js
를 작업한 정보를 정리했다.
index.js 추가
backend
폴더 하위에 index.js
를 만든다.
그리고 express
서버를 실행시키기 위한 간단한 코드 작성해보자.
/* backend/index.js */
const express = require('express');
const app = express();
const port = 9999;
app.get('/', (req,res)=> {
res.send('hi backend page :)')
})
app.listen(port, ()=> {
console.log(`backend server listening on port ${port}`)
})
/*backend/package.json*/
{
...
"scripts": {
"server": "node index.js"
},
}
package.json
파일을 열면 script
영역에 "test:..."
라는 스크립트가 있다. 제거 후 위 코드를 작성한다.
저장 후, git bash
를 통해 backend/package.json
이 존재하는 위치로 이동한다.
도착했다면 아래 커맨드를 입력해 서버를 실행한다.
npm run server
git bash
에는 서버가 동작했다는 콘솔이 뜨고, 해당 페이지(localhost:9999
)페이지로 이동해보면 위 그림처럼 서버가 정상적으로 실행됨을 알 수 있다.
Express
서버의 경우, 파일을 수정할 때 마다 Ctrl + C
, npm run server
를 실행해야한다.
이것을 조금더 편리하게 사용해보자.
우리가 설치한 모듈 중, nodemon
을 사용하겠다.
/*backend/package.json*/
{
...
"scripts": {
"server": "nodemon index.js"
},
}
nodemon
을 사용해 index.js
를 실행하면 서버를 중지후 재실행 할 필요 없이 자동으로 변경된다.
끝.