express 구동해보기

server-client 폴더 나누기

서버와 클라이언트 폴더를 만들어준다.
그리고 서버폴더 안에 app.js와 server.js를 만들어준다

server의 작동방식

server.js를 실행시키면 app.js를 불러와 구동시키는 방식이다.

app.js

import express from 'express'

const app = express()

app.get('/')

export default app;

초기 app.js 설정이다

app.get('/') : express로 들어오는 모든 요청을 받겠다는 의미이다.

server.js

import app from './app'

app.listen('7000', ()=> {
  console.log('hi');
})

app.js 를 불러온다. 7000 port를 사용하고 성공한다면 콘솔을 찍는다.

package.json 구성

그다음 서버 구동을 위해 package.json를 작성해 줄 필요가 있다.

이전에는 test 스크립트만 있었지만 개발환경에 맞게 바꿔줄 필요가 있다.

"dev": "nodemon ./server/server.js --exec babel-node"

이 코드의 뜻은 nomdemon에게 서버폴더에 있는 server.js를 실행시켜주세요 babel-node로!
(nodemon은 소스 수정시 자동으로 서버를 재시작해주는 패키지이다.)

babel 설정

server 폴더에 .babelrc 파일을 만든다음에

이렇게 작성해준다. 이 말은 최신문법으로 사용하겠다는 환경설정을 해주는것이다.

서버 실행하기

서버 실행은 아래와같다.

npm run dev

dev는 package.js에서 작성한

  "scripts": {
    "dev": "nodemon ./server/server.js --exec babel-node"
  },

여기서 왔다 dev에 해당되는 명령어를 모두 실행한다는 말이다.

hi가 찍혔다! (서버 실행성공!)