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가 찍혔다! (서버 실행성공!)
Author And Source
이 문제에 관하여(express 구동해보기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@op032/express-구동해보기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)