Vue에서 구현했던 기능을 정리하기 위해 가상 API가 필요하여 검색하던 중 My JSON Server를 발견하였습니다
https://my-json-server.typicode.com/
My JSON Server - Fake online REST server for teams
my-json-server.typicode.com/user/repo/posts/1 { "id": 1, "title": "hello" }
my-json-server.typicode.com
사용법은 간단하게 잘나와있지만
1. 내 github에 레포를 하나 생성합니다.
2. db.json 파일을 생성합니다.
3. https://my-json-server.typicode.com/<your-username>/<your-repo> 를 열어 가상 API 서버가 잘 열리는 지 확인합니다.
저는 처음 레포 이름을 tempData 라 지었는데 오류가 났었습니다😥
네이밍 규칙이 있나 싶어 typicode의 demo 레포를 fork하여 똑같이 demo라 이름을 지어주니 잘 생성되었습니다!
똑같은 오류를 겪게 되신다면 https://github.com/typicode/demo demo 레포에 방문하여 fork 한 후 이용하는 것도 좋은 방법 같습니다👍
레포 생성 후 db.json 파일을 편집하여 원하는 가상 데이터를 db.json 파일에 json형식에 맞게 넣어주면 됩니다.
참고로 animalList의 내용은 Mockaroo 사이트를 이용해 만든 더미 데이터를 사용하였습니다!
이후 생성된 My JSON Server로 이동해보면 animalList 20개 데이터가 잘 추가 된 것을 확인할 수 있습니다.
생성된 My JSON Server 구경하기 by teon98
가상 JSON API 생성 끝~😀
'FE' 카테고리의 다른 글
| [Vue.js]Vue로 통합검색 기능 만들기 (4) | 2024.02.13 |
|---|---|
| [Vue.js]Vue로 콤보박스 만들기(<select><option>) (0) | 2024.02.13 |
