[React] 리액트에서 REST API 구축하기 (+REST API란?)

[React] 리액트에서 REST API 구축하기 (+REST API란?)

 

 

1. JSON-SERVER 이용하기

 

JSON 서버를 이용하면 빠르고 쉽게 REST API를 구축해준다.

(이는 사실상 가짜 API 서버이므로 실제 프로젝트 개발시에는 사용하면 안 된다.)

 

준비물: 데이터가 정리된 json 파일

 

콘솔에 아래와 같이 입력하고, global(-g)로 설치를 해준다.

npm install -g json-server

 

설치가 완료됐으면 위에서 준비물로 언급한 json 파일을 기반으로 한 서버를 열어본다.

json-server에게 json 파일을 watch 하도록 시키는 명령어이다.

json-server --watch json파일위치 --port 3001

json파일위치에는 예를 들어 

./src/파일명.json 처럼 json 파일명까지 다 적어줘야 한다.

또는 json 파일이 위치한 디렉터리로 cd한 다음 파일명.json만 입력해줘도 된다.

 

리액트로 작업 중이면 이미 3000번 포트가 열려있을 가능성이 높으므로 포트는 3001번으로 잡아줬다.

원하는 포트를 입력하면 된다.

 

 

 

(*만약 json-server --watch 실행 시 "이 시스템에서 스크립트를 실행할 수 없으므로.."와 같은 에러가 난다면 아래의 링크를 참조하면 된다)

[React] json-server --watch 실행 시 에러 해결

 

 

 

 

2. REST API란?

 

기존의 API를 더 체계적으로 관리하기 위해 REST API가 등장했다.

REST는 REpresentational State Transfer의 약자로, REST API는 HTTP 프로토콜을 사용하여 통신한다.

 

쉽게 말하자면, REST API는 url 주소와 메서드로 CRUD 요청을 하는 것이다.

클라이언트가 서버에게 요청을 보내는 유형은 크게 네 가지로 나눌 수 있고, 이 네 가지 유형이 바로 CRUD이다.

 

CRUD 유형	메서드
CREATE	POST
READ	GET
UPDATE	PUT
DELETE	DELETE