JSON 서버를 이용, rest api만들기

Category
스터디 노드 React
Status
Published
Tags
Study
Description
Published
Slug
터미널에서 글로벌로, JSON서버를 설치해줌
npm install -g json-server
 
notion image
 
설치가 완료되면,
json-server --watch ./src/db/data.json --port 3005
 
notion image
src 폴더 안의 db폴더 안의 data.json파일을 사용하고
 
현재 포트를 3000번을 사용하고 있으니,
다른 포트를 사용함 (eg. 3001)
 
 
 
아래와 같이 뜬다면, json 서버가 잘 설치된 것임,
notion image
 
 
로 접속하면, 아래와 같이 뜸.
notion image
 
notion image
 

 

REST API

 
rest api는 uri주소와 메소드로 crud요청을 하는 것임
그리고 각각은 다음과 같은 메소드를 사용함.
notion image
 
단어들의 목록에서
notion image
 
특정 단어만 보려면, /2와 같이 쓰면 되는데,
이것이 get 메소드로 읽은 것임. (read에 해당)
notion image
 
주소를 delete메소드로 호출하면, 2번이 지워짐
다른내용들을 작성해서 put으로 호출하면 수정됨
 
words주소에 post를 날리면,
create로 새로운 단어가 생성됨
(물론, day, eng, kor등 적절한 정보를 함께 보내줘야 함)
 
주소에 ?day=1을 하면, 1일째에 해당하는 단어들 목록만 가져오는 것도 가능
notion image

이제 모든 작업들이
data.json에 기록이 되기 때문에,
페이지를 나가더라도 유지가 됨