[weekly I learned] 스파르타코딩클럽 - 웹 개발 일지 week2 (데이터API 이용하기)

이번주는 데이터 API를 가지고 와서 웹에 띄워주는 방법을 배웠다.

 

---

2-1 미세먼지 데이터 보기

 

서울시 실시간 미세먼지 상태 데이터를 가지고 와서 '업데이트'버튼을 누르면 '도시+미세먼지 농도'를 보여준다.

미세먼지가 60이상이면 빨간 색으로 표시하기!

데이터 추가: append 함수
$('붙일 id 이름').append(새로 붙일 것)

 

---

2-2 실시간 따릉이 현황 보기

서울시 실시간 따릉이 데이터를 가지고 테이블로 보여주기! 테이블을 만들기 위해 <tr></tr>태그와 <td></td>태그를 써봤다. 

<tr></tr>	행 추가
<td></td>	열 추가

 

---

2-3 랜덤 고양이 사진 API 이용하기

'고양이를 보자' 버튼을 누르면 고양이 사진이 랜덤하게 포스팅이 된다! 이미지 사진을 바꿔주는 방법은?

 

이미지 변경
$('id').attr("src",변경경로)

 

---

2주차 과제

사이트가 로딩되자마자 실시간 환율을 계산해서 같이 보여주기! 

 

로딩되자마자 바로 데이터를 보여주는 방법

$(document).ready(function)

2주차 완료~