날씨 API(openweathermap), chrome 확장프로그램 (JSONVue)

https://home.openweathermap.org/

Members

1. 회원가입 -> 이메일 확인 -> 로그인 

2. 로그인 화면에서 API 클릭

 

---

3. API 중에서 내가 필요로 하는 API 쓰기

---

4. API 적용하기(여러 방법이 있습니다.)

• (이 경우에는 아래의 URL에 알고 싶은 위치의 latitude 값과 longitude값 그리고 내 API 키를 넣어주면 됩니다. //주황색으로 표기되어 있는 부분, {} 중괄호 내부에 쓰는게 아니라 주황색 부분을 아예 대체하시면 됩니다.)

결과물이 아래와 같은 식으로 뜰텐데 chrome 확장 프로그램 : JSONVue 를 사용하면 정리된 모습으로 볼 수 있습니다. 

확장프로그램을 사용한 모습

 

---

TIP - 내 API key 위치

 

 

▶Weather API의 속성을 활용해서 간단한 코드 작성하기

navigator.geolocation.getCurrentPosition(실행 성공 시 함수명, 실행 실패 시 함수명);

// 2개의 함수필요