2주차 소감

-1주차때는 너무 낯설기만 하던 JS를 조금 이해하게 된 거 같다. 아주 대략적으로...
-국어문제 풀 때 지칭하는 대상이 무엇인지 헷갈려서 지문해독이 어려운 것 처럼 코딩도 내가 부르고 있는게 무엇인지, 내가 어디에 붙이려고 하는 것인지가 헷갈려서 문제가 생기는 것 같다.
-()를 써야하는지 []를 써야하는지 헷갈려서 자잘한 오류가 많다.. 주의하기.

어려웠던 부분

html css 익숙해지니까 JS의 구조를 짜는 걸 헷갈리기 시작했다.
숙제에서 와장창 실수함.

내가 짠 코드 (절대 이렇게 하면 안된다)

<p onload="q1()" id="dollar">달러, 원 환율: </p>


function q1() {
            $.ajax({
                type: "GET",
                url: "https://api.manana.kr/exchange/rate.json",
                data: {},
                success: function (response) {
                    let rate = response [0]['rate']
                    console.log(rate)

                    let temp_html = ``
                    $(rate).ready(function () {
                    temp_html =  <span>${rate}</span>
                    alert('다 로딩됐다!')
                    
                     });
                    $('#dollar').append(temp_html)


                }
            })
        }

p에 온로드로 불러와서 함수 지정하면 로드될거라고 생각했는데 천만에 말씀이었다.

1. html로 JS가 적용될 코드 짜 주고

2. $(document).ready(function () {
           });

이런 식으로 로딩하면 자동으로 동작하는 스크립트를 짜 주면 되는 거였다. onload 를 쓸 이유가 없었다...

 function get_rate() {
            $.ajax({
                type: "GET",
                url: "https://api.manana.kr/exchange/rate.json",
                data: {},
                success: function (response) {
                    console.log(response)

                }

그 후 환율을 불러오는 함수 안에 에이젝스 짜고

get_rate()

해당 함수를 로딩 함수에 넣으면 되는 거였다.

텍스트는 어떻게 바꾸는거야? 했는데
.text 를 잊은 거였다.

success: function (response) {
                    let now_rate = response [1]['rate'];
                    $('#now_rate').text(now_rate);

아무래도 남은 며칠동안 JS를 다시 복습해봐야겠다.