웹개발 공부 5일차

🌷 quiz 를 풀기 위한 어제자 복습....

let txt = $('#idName').val()
let temp_html = `<li>${txt}</li>`  /* 혹은 <button>${txt}</button>....... anything */
$('#idName').append(temp_html)
$('#idName').val('여기 값이 idNname에 입력된다')

/* 뒤가 .val() 이면 idName 값을 가져온다 */

이번 퀴즈는 좀 어렵다. jQuery는 처음이니까 당연히 어렵지..... 연습문제집 같은거 있음 좋겠다.

 

🌷 ajax

title 바로 아래 import

<!-- jQuery를 import 합니다 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

수업 쭉 따라 듣다가

function q1() {
    $('#names-q1').empty()
    $.ajax({
        type: "GET",
        url: "http://spartacodingclub.shop/sparta_api/seoulair",
        data: {},
        success: function (response) {
            let rows = response['RealtimeCityAir']['row']
            for (let i = 0; i < rows.length; i++) {
                let guName = rows[i]['MSRSTE_NM']
                let guMise = rows[i]['IDEX_MVL']

                let temp_html = ``

                if (guMise < 40) {
                   let temp_html = `<li class="good">${guName} : ${guMise}</li>`
                } else {
                   let temp_html = `<li>${guName} : ${guMise}</li>`
                }
                $('#names-q1').append(temp_html)

            }
        }
    })
}

이 구간에서 갑자기 먹통이 됐다. 답안을 살펴보니 if 문 안에 let 이 빠져있어야 했다.

내가 쓴 코드에서도 let 만 빼니까 잘 작동 됐다.

강의에서는 let 을 넣어도 작동이 잘 됐는데 강의 업로드 시점과 지금 시점의 Pycharm 의 차이가 큰건가..

단체방에 질문 남겨놨다. 내일 이시간 전에는 답변 달려있길 빌며.

오늘은 여기까지!