[Side Project] 그룹웨어 - back[0] - express

박경수·2023년 2월 16일
0

side project

목록 보기
3/7

말머리

뒷단 작업을 위한 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를 실행하면 서버를 중지후 재실행 할 필요 없이 자동으로 변경된다.

끝.

profile
<>{...}</>

0개의 댓글