React(38) 리액트 훅 - json-server 로 RESTful API 만들기

리액트 실습 중이다. json-server 는 아주 짧은 시간에 REST API 를 구축해주는 라이브러리이다.

REST API 서버의 기본적인 기능을 대부분 갖추고 있지만 프로덕션 전용은 아니다.

프로토타입을 만들거나, 지금처럼 공부를 위하여 서버가 필요할때에 사용하면 아주 적당한 도구이다.

 

RESTful API는 무엇일가?  개념이 궁금하다면 ↓↓↓ 클릭

https://devbirdfeet.tistory.com/350

 

json-server 사용하기 

 

준비물은 json 파일이다. 프로젝트 내의 디렉토리에 만들어줬다. 그럼 시작해보자.

 

1. 터미널에서 아래 명령어로 설치하기 

npm install -g json-server

 

 

2. 설치했으니 실행시켜주자. json 파일 경로와 포트# 도 넣자. 

json-server --watch ./src/db/data.json --port 3001

명령어를 치면 hi ! 와 함께 json-server 가 실행될 준비가 다 되었다.

days 와 words 라는 2가지 객체 그룹이 따로 생성되었다.

 

3. 링크를 클릭해보면 파일의 내용이 각자 잘 나온다. 

내용이 길어 뒷부분은 생략하고 캡쳐하였다.

 

한가지 더,

쿼리문 뒤에 객체의 키와 값을 붙이면, 해당 결과 값만을 가진 객체만 추려진다.

예를 들어,

localhost:3001/words 만 적으면 words 객체가 출력되지만

localhost:3001/words?day=2 를 더 적으면 둘째날(day=2)의 객체만 추려진다.

 

 

 

ref: https://aws.amazon.com/ko/what-is/restful-api/