자바스크립트로 크롬 앱 만들기 - 노마드 코더 클론코딩 #13 위치 불러오기, API란 , Json viewer 크롬확장 프로그램 사용 방법

navigator.geolocation.getCurrentPosition()
user의 위치(geolocation)를 켜준다. 
성공했을 때 실행될 함수
에러가 발생했을 때 실행될 함수

 

 

 

API 란?

application programming interface

 

프로그램들이 서로 소통하는 방법 / 코드들끼리 서로 소통하기 위해 만들어진 것

 

공공 API 

날씨 API 

각 어플들의 API 

과거 날씨 API 

공기 오염 API 

 

API 는 데이터, 서버를 가지고 있는 사람들이 원하는대로 디자인할 수 있다. 그래서 어떤 API는 접근권한이 정해져있다. 가끔은 API 사용에 제약이 있거나, 사용하기 위해 지불해야할때도 있다. 

 

web API = 브라우저를 위해 만든 API. ex) 구글 크롬, 파이어폭스 등등

 

 

<API 계정 열기>

 

https://openweathermap.org/

Сurrent weather and forecast - OpenWeatherMap

 

1. 회원가입하기 Create New Account
2. 원하는 API doc 가서 주소 복사하기

 

 

 

3. https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}

이 부분을 원하는 값으로 넣기

 

4. My API keys 에서  API key  넣기

 

5. 온도를 화씨에서 섭씨로 바꾸기

 

주소 뒤에 &units=metric 를 추가하면 된다.

https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}&units=metric

 

---

<참고 - API 설정시 편하게 해주는 서비스>

 

<크롬확장 프로그램 Json viewer > 

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related?utm_source=chrome-ntp-icon 

JSON Viewer

 

 

옵션에서 원하는 글꼴, 모양으로 설정도 가능해요!

 

다운받으면 아래처럼 보기 어려운 코드를 아래처럼 보기 편하게 바꿔준답니다!

 

---

10분도 되지 않는 강의를 1시간이 넘도록 보고 또 보고 이해하면서 듣고, 드디어 오늘 완강했다!!

 

사실 완강을 했지만 아직 많이 부족하다. 

혼자 나만의 프로젝트를 완성시키며 한칸씩 채워나갈 것이다!

 

화이팅!