프로그래머가 되는 꿈

리액트 쿼리 (3) 본문

프론트엔드 (Front-end)/React

리액트 쿼리 (3)

AI박사 2026. 1. 31. 11:55

리액트 쿼리는 서버 통신에 관련된 상태를 효율적으로 관리해주는 라이브러리이다.

그러려면 서버가 있어야 한다

서버가 없이는 테스트할 수 없다!

그래서 임의로 서버를 만들어주자~

 

https://www.npmjs.com/package/json-server

 

json-server를 이용하기 위해서는 임의로 서버 데이터를 넣어주어야 한다. 

서버 데이터를 넣어줄 파일(db.json)을 생성하기

 

 

db.json = 나만의 작은 서버

이 서버를 틀어놔야한다!

 

<Alternative port - 포트 지정>
$ json-server --watch db.json --port 3004

 

" json-server을 실행할건데 db.json을 계속 지켜봐라.  그리고 얘를 포트 번호 3004에서 실행시킬 예정이다."

(리액트 프로젝트를 항상 3000번에서 사용했는데 걔를 피해하기 위해서 3004번으로 고정을 시키겠다.)

 

 

<확인>

 

여기까지 하면 프로젝트 세팅이 완료되었다!!!

'프론트엔드 (Front-end) > React' 카테고리의 다른 글

에러 1  (0) 2026.01.31
리액트 쿼리 (4)  (0) 2026.01.31
리액트 쿼리 (2)  (0) 2026.01.31
리액트 쿼리 (1)  (1) 2026.01.31
Zustand (5)  (0) 2026.01.27