min

json-server에 대하여... 본문

리엑트/외부 라이브러리 탐구

json-server에 대하여...

minprogramming 2023. 7. 1. 12:37

1. json-server 도대체 너는 누구야?!

: json-server 말 그대로 json으로 이루어진 서버를 의미한다. 하지만 이렇게 집고 넘어간다면 이 글을 읽는 독자 입장에서는 크게 도움이 되지 않을 것이다. 그래서 좀 더 자세히 설명하자면 이 때 server는 API 서버, DB 서버를 의미한다. 즉 API를 보내주거나 DB처럼 데이터를 저장할 때 사용하는 패키지다

2. json-server 그래서 왜 쓰는 거야?!

: json-server에 대한 정의를 보았을 때는 이런 의문이 들었을 것이다. 이미 백엔드에서 API와 DB를 제공해주는데 구지 json-server를 쓰는 걸까?. 이 의문이 json-server를 사용하는데 필요한 핵심적인 키다. json-server를 사용하는 이유는 다음과 같다. 만약 백엔드에서 api를 전달하는 기능을 만들지 못했다고 가정하자 이때 우리는 axios를 이용해서 백엔드와의 연결 작업은 다 끝났으며 백엔드에서 api를 전달 할때 동안 기다리고 있으면 된다. 하지만 백엔드가 api를 작업하는 데 시간이 오래 걸린다면 이는 효율적인 방법이 아니다. 이럴때 우리는 json-server를 사용해서 임시방편용으로 미리 백엔드와의 연결 작업, 이벤트 작업을 하는 것이다 . 그리고 이럴 때 사용되는 data가 mock data라고 부른다.

 

3. json-server 그래서 어떻게 사용하는 거야?!

: json-server는 아까도 말했다시피 패키지라고 했다. 따라서 yarn을 활용하여 json-server 패키지를 설치해야 한다. 하지만 여기서 끝나는 것이 아니다. server는 킬 수 있는 스위치를 눌러야지 작동한다. 따라서 우리는 package.json 파일에서 스위치를 눌을 수  있는 명령어를 처야지 가능하다. 그리고 나서는 이 react, json-server를 둘 다 킨 다음에 이들을 연결시켜주는 작업을 하면 된다.

'리엑트 > 외부 라이브러리 탐구' 카테고리의 다른 글

redux에 대하여...  (0) 2023.08.16
redux 미들웨어에 대하여 ...  (0) 2023.07.03
axios instance, interceptor에 대하여...  (0) 2023.07.01
Redux Toolkit에 대하여...  (0) 2023.07.01
redux에 대하여...  (0) 2023.06.20