프로그래머가 되는 꿈
리액트 쿼리 (3) 본문
리액트 쿼리는 서버 통신에 관련된 상태를 효율적으로 관리해주는 라이브러리이다.
그러려면 서버가 있어야 한다
서버가 없이는 테스트할 수 없다!
그래서 임의로 서버를 만들어주자~
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 |