[React] #11 json-server, RestAPI

사용 이유

변경된 값을 DB에 저장하기 위해 json-server를 이용해 RestfulAPI 만들어보기
→ DB에 값을 저장하는 이유 : 페이지를 벗어나든,브라우저 새로고침을 하든, pc를 껐다 켜든 값이 계속 유지된다.

TIP 💡

리액트 서버 실행중, 서버를 끄지 않은 채 install을 하고 싶다면, 새 터미널을 열어서 npm install을 하면 된다

설치 방법

json-server 설치하기

> npm install -g json-server

fake-server 디렉토리에서 다음 명령어를 통하여 서버를 실행한다.

> json-server --watch [db파일 경로] --port [포트번호]

// ex) json-server --watch ./src/db/data.json --port 3001
// 현재 띄우고 있는 리액트 프로젝트가 3000 번이라 3001 으로 한 것일뿐 포트 번호는 겹치지만 않으면 상관 없다

터미널에 hi! 가 나오면 잘 된 것!

json-server 설치 방법 참고

REST API란?

• URI 주소와 method(post,get, ...)로 CRUD를 요청하는 것

Create : POST
Read : GET
Update : PUT
Delete : DELETE