ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Json-server
    React 2022. 12. 20. 00:22

    json-server

    • DB와 API 서버를 생성해주는 패키지

    json-server가 필요한 이유

    • 백엔드에서 서버 구축을 해주면, 그것과 연결 했을 때 살아있는 듯한 하나의 어플리케이션이 완성된다.
    • 그런데 백엔드에서 서버 구축을 해줄 때 까지 넋놓고 기다릴 수 없기에 백엔드가 하고 있는 작업을 기다리지 않고 프론트엔드 로직과 화면을 구성할 수 있다.
    • 즉, 임시적인 서버 json-server를 이용하여 개발을 할 수 있다.

    json-server 설치

    yarn add json-server

    json-server 실행 ( react서버와 따로 실행시켜줘야 함)

    yarn json-server --watch db.json --port 3001
    • db.json 이라는 것을 db로 삼고, 3001 포트에서 서버를 시작하겠다는 뜻
    • 터미널을 하나 추가로 켜서 yarn start 도 해줘야 함
    yarn start

    가려져서 안보이지만 db.json 파일이 생김

     

     

     

    db.json 작성

     

     

     

    /todos로 들어가니 데이터가 나온다.

     

     

     

     

    터미널을 확인해보면

    todos에 get요청이 들어왔다, 나는 이것을 6.124ms만에 리턴했다. 라는걸 볼 수 있음.

     

     

     

    'React' 카테고리의 다른 글

    Redux(3) - react-router-dom, props children, Dynamic Route  (0) 2022.12.20
    Axios  (0) 2022.12.20
    Redux Toolkit  (0) 2022.12.20
    Redux(2)-action creator, payload  (0) 2022.12.19
    Redux(1)-설치 및 counter app 만들기  (0) 2022.12.19
Designed by Tistory.