[React] 간단한 서버 세팅 하는 법

이 자료는 라매개발자 영상을 참조한 자료입니다.

https://www.youtube.com/watch?v=d6suykcsNeY

 

express를 통한 서버 설치.

 

서버용 폴더와 클라이언트용 폴더 각각 만들기

 

서버 설치 express를 이용한 서버 설치

1. (cmd) cd를 이용해 server 폴더 이동

2. (cmd 명령어) npm init 설치

3. (cmd 명령어) npm i express

4. 서버 파일 만들기 app.js // app.js 파일 안에 아래 code 넣기

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World')
})

app.listen(3000, () =>{ console.log("server start!")}) // 서버 실행여부 확인용 console

5. 서버 실행 하기 (cmd 명령어) node app.js // app.js이4번에서 만든 파일

 

const express = require('express')
const app = express()


app.use(bodyParser.json()) // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })) // for parsing application/x-www-form-urlencoded
https://expressjs.com/en/5x/api.html#req.body

let id = 2;
const todoList =[
  {
    id :1,
    text: "할일 1",
    done : false,
  },
];

app.get('/api/todo', ( req,res ) => {
  res.json(todoList);
});

app.get('/api.todo', (req,res) => {
  const { text, done } = req, body;
  todoList.push({
    id:id++,
    text,
    done,
  });
  return res.send("success");
});

app.listen(3000, () =>{ console.log("server start!")}) // 서버 실행여부 확인용 console

 

 

post체크 방법

https://www.postman.com/

 

여기까지 서버 세팅 완료