• 수강일자 : 2024.06.12
• URL
  • https://www.youtube.com/watch?v=YO9CqrnxbFU

강의 요약

• 기존 폴더들 > management/client 폴더 생성 후 다 넣기
• management > package.json 파일 생성 후 작성

{
    "name": "management",
    "version": "1.0.0",
    "scripts": {
        "client": "cd client && yarn start",
        "server": "nodemon server.js",
        "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\""
    },
    "dependencies": {
        "body-parser": "^1.20.2",
        "express": "^4.19.2",
        "nodemon": "^3.1.3"
    },
    "devDependencies": {
        "concurrently": "^4.0.1"
    }
}

• 터미널에서 아래 명령어 실행 해 package.json과 동일하게 각 버전 설치
  • 이렇게 하면 management 에 node_modules 폴더 생성

npm install nodemon body-parser express 

• management 에 server.js 파일 생성
  • 소스 코드는 관련 목차 참고
• 터미널에 node server.js 를 입력하여 콘솔창 및 웹 브라우저 확인

소스 코드

management/server.js

const express = require("express");
const bodyParser = require("body-parser");
const app = express();
const port = process.env.PORT || 5000;

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.get("/api/hello", (req, res) => {
  res.send({ message: "Hello Express!" });
});

app.listen(port, () => console.log(`Listening on port ${port}`));

• express 공식 문서에서 사용법 확인해보기
• require("express")
• require("body-parser")
• express()
• process.env.PORT
• urlencoded()

실행 결과

→ 터미널창

→ 웹 브라우저