TIL-57 json-server

ssxst31·2021년 11월 23일
0

WEP

목록 보기
12/12
post-thumbnail

프론트엔드 개발을 하다보면 백엔드 없이 json 파일을 만들어서 구현 하는경우가 많은데 과제를 하던중 json-server이라는 라이브러리를 알게되어 공부했다.

npm i json-server

json-server를 설치해준다.

{
  "posts": [
    {
      "id": 1,
      "name": "리덕스",
      "body": "리덕스"
    },
    {
      "id": 2,
      "name": "리액트",
      "body": "리액트"
    },
    {
      "id": 3,
      "title": "CSS",
      "body": "CSS"
    }
  ]
}

jsnn 파일을 만들고

$ npx json-server ./data.json(json 위치를 넣어준다.) --port 4000

성공적으로 실행되면

 \{^_^}/ hi!

  Loading ./data.json
  Done

  Resources
  http://localhost:4000/posts

  Home
  http://localhost:4000

직접 들어가서 보면 데이터들을 확인할수있다.

profile
사용자 입장에서 사용자가 원하는 것을 개발하는 프론트엔드 개발자입니다.

0개의 댓글