서버에서 클라이언트로 데이터를 내려줄 때 dictionary 형식으로 보여주는 것을 json이라 한다.
jquery 명령어, fetch가 하는 일은 데이터를 주는 url에서 데이터를 가져오는 일.
fetch로 서버에서 data를 받아서, console.log(data)로 출력해본다.
$('#id').append(temp_html)는 console.log로 확인한 내용을 id 위치에 html로 출력한다.
jquery 반복문 :
<script>
let fruits = ['사과', '배', '감', '귤']
fruits.forEach((a) => {
console.log(a) /* 사과 배 감 귤 순으로 콘솔창에 출력된다 */
})
</script>
jquery 조건문:
<script>
let age = 14
if (age > 20) { console.log('성인입니다.')} else { console.log('청소년입니다.')} /* 콘솔에 청소년입니다. 출력 */
</script>
jquery 반복 조건문
<script>
let ages = [13, 14, 16, 24,36, 20, 22]
ages.forEach((a) => {
if (a > 20) {
console.log('성인입니다.')
} else {
console.log('청소년입니다.')
} /* 청소년입니다.x3 성인입니다.x2 청소년입니다. 성인입니다. 순으로 콘솔창에 출력 */
})
</script>
<숙제> 실시간 서울 날씨 API 적용하기
let seoul_temp = data['temp'] /* 여기서 temp는 날씨API data key 중에 temp key */
$('#temp').text(seoul_temp) /* temp는 온도가 표시될 위치 id값 */