[스파르타코딩클럽] 웹개발 종합반 - 2주차(4)

2주차 숙제-환율 정보 넣기

해설영상 안 보고 성공해서 대흥분 상태였는데 해설영상 보니까...어째.. 내가 짠 코드랑 많이 다르다...☺️

• 해설

<p class="rate">달러-원 환율: <span id="now-rate">1219.15</span></p>

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

        function get_rate() {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/rate",
                data: {},
                success: function (response) {
                    let now_rate = response[1]['rate']
                    $('#now-rate').text(now_rate);
                }
            })
        }

• 나의 코드

<span id="rate">₩ <span onclick="won()"></span></span>

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

        function won() {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/rate",
                data: {},
                success: function (response) {
                    let won = response['rate']
                    $('#rate').append(won)
                }
            })
        }

오 body부터 틀렸는데~~ 사실 겉에 감싸는 태그로 p를 쓸까 했는데 그 위의 정보를 전부 span으로 쓰는 바람에 p를 쓰면 몬가...문단 간격이 안 맞지는 않을까 하는 그런 조바심에 span을 썼건만...개쓰잘데기 없는 걱정이었던 걸로😄 환율 출력하는 코드도 id 써도 되는 거였음 전 수업때 전부 onclick으로 하는 바람에 id로는 출력이 안되는 줄 알았는데 아니었음 그리고 함수도 body에 쓴 id(내 경우엔 onclick)랑 반드시 일치해야 되는 줄 알았는데 걍 꼴리는대로 적으면 되는 거였고요... 마지막에 환율 출력하는 코드도 append가 아니라 .text 쓰면 되는 거였다. 와... 제대로 적은 게 하나도 없네.....그래도 실행시키면 구현은 되는 게 레전드다 진짜... 이렇게 야매코드로 막 적은 것도 과연 정답으로 인정될까...^^... 어쨌든 해설 안 보고 출력하는 데 성공했다는 사실에 의의를 둬야 할지...ㅎ

2주차 수업을 통해 확실히 깨달은 것.
나 신애필, 하나를 가르쳐주면 정확히 하나만 안다! 💯💯💯