본문 바로가기
카테고리 없음

초보 개발자 꿀팁 , API 데이터 보기 좋게 바꿔보자

by IT_traveler 2022. 11. 28.

안녕하세요

웹개발을 할 때는 보통 api, 웹 저장소(CDN)등을 사용하는 경우가 일반적입니다

하지만 이 api라고 하는 건 쓸데없이 복잡하게 생겨먹었죠

 

http://worldtimeapi.org/api/timezone

이건 월드타임에서 제공하는 무료 api 입니다

접속해보면 데이터가 이따구로 나오는데 이걸 JSON으로 웹브라우저에서 볼 수 있습니다

사실 이게 구조를 알아야 써먹지 구조도 모르면 써먹을 수가 없잖아요

 

https://chrome.google.com/webstore/detail/jsonview/gmegofmjomhknnokphhckolhcffdaihd?hl=ko 

 

JSONView

브라우저에서 JSON 문서를 보세요.

chrome.google.com

여기 가서 JSON View 확장 프로그램을 받아줍니다

우리의 api를 눈에 보기 좋게 바꿔줄 좋은 친구에요

크롬에 추가 누르고 잠시 기다려줍니다

뭔가 변했죠?

이게 간단한(?) 구조의 API라서 그렇지 실제로는 [{ " "  : "  " }, { }  ]

이런 식으로 꾸준히 이어지는 경우도 있습니다

 

보통은 Js에서 response[i][1] 이런식으로 반복문을 통해 요청할 수 있으니 나중에 한번 공부해보세요