Mocky 사용하여 빠르게 가짜 API 만들어보기!

Jinny·2021년 3월 14일
2

Any

목록 보기
1/1

오늘 포스팅은 매우매우 짧을 것 같다.

🚩 Mocky란?

Mock API 제작 서비스이다! Mocky 바로가기
별도의 로그인 없이 빠르게 서비스를 이용할 수 있다.

🚩 바로 가짜 API 만들기를 시작해보자!

  1. 우선, 원하는 데이터를 담은 JSON 파일을 생성한다.
{
    "items":[
        {
            "id" :1,
            "title" : "다이네스티관광호텔",
            "price" : "37,000원",
            "lat" :37.505686, 
            "lng" :127.027448,
            "imgUrl" : "https://i.picsum.photos/id/1009/200/200.jpg?hmac=2D10SFaYliFjzL4jp_ZjLmZ1_2jaJw89CntiJGjdlGE"
        },
        {
            "id" :2,
            "title" : "베스트웨스턴 프리미어 강남호텔",
            "price" : "63,000원",
            "lat" :37.506297, 
            "lng" :127.029827,
            "imgUrl" : "https://i.picsum.photos/id/299/200/200.jpg?hmac=ZG5bph3-p62DMNC1tvpW85v7Pd_rR1MCI-_elkQlG7M"
        },
        {
            "id" :3,
            "title" : "리츠칼튼 호텔",
            "price" : "52,500원",
            "lat" :37.504774, 
            "lng" : 127.027560,
            "imgUrl" : "https://i.picsum.photos/id/411/200/200.jpg?hmac=OVYhfXZUSeIPuy2vvqvn56l4Y8YZjUzJ57HIaxnjdTQ"
        },
        {
            "id" :4,
            "title" : "제리스 플래닛 호텔",
            "price" : "38,000원",
            "lat" :37.499047,
            "lng" : 127.028571,
            "imgUrl" : "https://i.picsum.photos/id/192/200/200.jpg?hmac=ADFozPC7IeAOBiVxD2ZbHYkpCVEa8Xj_tZE_Dm7yFuo"
        },
        {
            "id" :5,
            "title" : "양평 밸리 관광 펜션",
            "price" : "48,600원",
            "lat" :37.500836, 
            "lng" :127.027455,
            "imgUrl" : "https://i.picsum.photos/id/954/200/200.jpg?hmac=U_V-b3xGbMM1KTSaB5KKqncFD4fmOVG5iK39Bjd9DoQ"
        }
    ]
}
  1. 사이트에 접속하여 'NEW MOCK'을 클릭한다.

  2. 'HTTP Response Body' 에 json 파일을 복사하여 붙여넣는다.

  3. 하단의 GENERATE~~ 버튼을 누르면 링크생성이 완료된다.

🚩 생성된 링크로 접속한 모습

profile
신입 개발자👩‍💻

0개의 댓글