[스파르타코딩클럽] 웹개발 종합반 - 2주차 개발일지 / 숙제(실습/풀이)

 

배운 내용을 가지고 1주차 완성했던 코드에 대입해보자!

 

평소와 같은 마인드로 임했다..

 

결과는 성공적..!!

 

이였지만.. 풀이해설을 보니.. 내 코드는 응애라는 것을 알 수 있었다.. (유감)

 

---

 

실습)

<script>
	$(document).ready(function () {
            q1()
        });

        function q1() {
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/rate",
                data: {},
                success: function (response) {
                    let doller = response[`rate`]

                    let temp_html = `<h3 class="dollar">달러 : 원 / 환율 : ${doller}</h3>`
                    $('#now_doller').append(temp_html)
                }
            })
        }
</script>

 

 

생각은 이러했다.

 

새로고침 시 실시간으로 결과값을 바꿔주는 코드

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

 

 

환율에 대한 정보는 q1 이라는 변수에 담았다.

아싸리 환율 정보에 대한 텍스트를 반영하고 그 뒤에 붙이는 방법을 체택했다.

function q1() {
    $.ajax({
        type: "GET",
        url: "http://spartacodingclub.shop/sparta_api/rate",
        data: {},
        success: function (response) {
            let doller = response[`rate`]

            let temp_html = `<h3 class="dollar">달러 : 원 / 환율 : ${doller}</h3>`
            $('#now_doller').append(temp_html)
        }
    })
}

 

 

환율이 들어갈 문단의 순서는 id = "now_doller" 로 지정해서 잡아두었다.

<h3 id="now_doller"></h3>

 

 

결과는 잘만 되었다 ^^

흡족

 

 

이제 풀이를 보자면..

 

풀이)

    <script>
        $(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['rate'];
                    $('#now-rate').text(now_rate);
                }
            })
        }
    </script>

 

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

 

여윽시 슨생님~~!!!

 

단조롭고 더 실용적인!!! 보기에도 편한 코드!!!

 

내것)

let temp_html = `<h3 class="dollar">달러 : 원 / 환율 : ${doller}</h3>`
$('#now_doller').append(temp_html)

 

풀이)

$('#now-rate').text(now_rate);

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

 

나처럼 뭔가 변수를 더 줄 여유조차 주지 않고 바로 결과값을 내려버리는 이 센스..

 

보기에도 굳이 길어질 필요 없이 딱 깔끔하게 표현하신 것 같다..

 

 

---

 

2주차를 달리고 있다.

 

현생 1주일뿐이 안지났는데 2주차..? 라고 할 수 있는데,

 

강의 진도를 쭈욱 뺐다 ^^

 

응애 코드로 비비고 있지만, 그래도 아직 재미도 있고 포기하고 싶지 않다!!

 

더.. 많은 것을 보고 배우고 많은 지식으로 거듭나서

 

나도 좀 뭔가 효율적인 코드를 짜보고 싶다 :)

 

+ 어느정도 코드 흐름이나 아 이렇게 돌아가는구나 를 알고 보니까 재밌네?

근데 어렵네? ^^

[악순환]