jQuery 13

오픈 API

 

https://openweathermap.org/api

Weather API - OpenWeatherMap

 

openweathermap.org/current  에서 날씨정보 , 파라미터 정보를 알 수 있다.

ajax

url = "board/list"

 

ajax 구성

 

async: false -> async 속성을  false로 설정해서 동기방식으로 쓸 수 있다.

 

코드분석

버튼의 onclick함수를 선언하고 선언된 onclick함수 내에 ajax를 선언한다.

openweather에서 날씨데이터를 받아 온도를 출력하면 294.98이 나온다 .

하지만 대구 날씨가 294.98일 리가 없다. 대구를 포함한 한국 날씨는 최고 40도까지 올라간다.

openweather에서 받은 온도가 한국 온도에 맞게 273.15를 뺀다.

294.98 - 273.15 = 21.83

toFixed(1)로 소수점 뒤에 1자리 설정하면 21.8 이 temp 변수에 저장된다. 

sunrise 시간이 unix 기준이므로 transfer 함수를 정의해서 시분초로 만든다.

Date 객체에서 getHours(), getMinutes(), getSeconds()로 시간을 받아서 변수에 저장한다. 

저장된 시간을 2자리로 만들기 위해 padStart(2, '0')을 사용한다. padStart()를 사용하기 위해 저장된 시간을 String형태로 변환한다.

 jQuery객체명.text(변수);  ->  저장된 정보를 span 태그로 보낸다.

 

$.getJSON(url)

.done();