Ajax(풀이)_

한 번 웃고 가자

 

 

[실성]

 

선생님 : 배운대로 가져다가 붙여서 하시면 됩니다 ^^

 

나 : 네~ (그 전에 배운걸로 복사 붙여넣기 하면 되겠지~? 히힛)

 

[몇십분 뒤]

 

나 : 왜 그대로 따라 했는데 안되는거지..?

 

선생님 : 자~ 이렇게 하는거였어요~~ (완전 처음보는 응용법)

 

나 : 와하하..!! 저걸 배운거라고 시키시다니 ^^

우리에게 너무 알잘딱 스타일을 원하시는 것 같은데?

 

 

---

 

실습)

<script>
        function q1() {
            // 여기에 코드를 입력하세요
            $('#names-q1').empty()
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/seoulbike",
                data: {},
                success: function (response) {
                    let rows = response['getStationList']['row']
                    for (let i = 0; i < rows.length; i++) {
                        let location = rows[i]['stationName']
                        let count = rows[i]['rackTotCnt']
                        let max = rows[i]['parkingBikeTotCnt']

                        let temp_html = ``
                        if (max > 5) {
                            temp_html = `<td class="bad">${location} : ${count} : ${max}</td>`
                        } else {
                            temp_html = `<td>${location} : ${count} : ${max}</td>`
                        }
                        $('#names-q1').append(temp_html)
                    }
                }
            })
        }
    </script>

 

 

분명 이렇게 배웠다..

 

이렇게 배웠단 말이다!!!!!!!

 

 

 

풀이)

    <script>
        function q1() {
            $('#names-q1').empty()
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/seoulbike",
                data: {},
                success: function (response) {
                    let rows = response['getStationList']['row']
                    for (let i = 0; i < rows.length; i++) {
                        let name = rows[i]['stationName']
                        let rack = rows[i]['rackTotCnt']
                        let bike = rows[i]['parkingBikeTotCnt']

                        let temp_html = `<tr>
                                            <td>${name}</td>
                                            <td>${rack}</td>
                                            <td>${bike}</td>
                                        </tr>`
                        $('#names-q1').append(temp_html)
                    }
                }
            })
        }
    </script>

 

 

 

아니.. 배운거 맞냐고요..

 

물론 배우는 입장에선 다 새롭고 놀랍지만

 

그래도.. 낯선 방법 낯선 코드 낯선 맥락 등등 모든게 다 낯설고 그런데..

 

[15분 받고 지난 뒤]

 

선생님 : 자 할만 하셨죠? ^^

 

나 : ㅂㄷㅂㄷ..

 

 

 

응용)

<style type="text/css">
        .bad {
            color: red;
        }
</style>

    <script>
        function q1() {
            $('#names-q1').empty()
            $.ajax({
                type: "GET",
                url: "http://spartacodingclub.shop/sparta_api/seoulbike",
                data: {},
                success: function (response) {
                    let rows = response['getStationList']['row']
                    for (let i = 0; i < rows.length; i++) {
                        let name = rows[i]['stationName']
                        let rack = rows[i]['rackTotCnt']
                        let bike = rows[i]['parkingBikeTotCnt']

                        let temp_html = ``

                        if (bike < 5) {
                            temp_html = `<tr class="bad">
                                            <td>${name}</td>
                                            <td>${rack}</td>
                                            <td>${bike}</td>
                                        </tr>`
                        } else {
                            temp_html = `<tr>
                                            <td>${name}</td>
                                            <td>${rack}</td>
                                            <td>${bike}</td>
                                        </tr>`
                        }
                        $('#names-q1').append(temp_html)
                    }
                }
            })
        }
    </script>

 

---

슨생님.. 그래도 꾸역꾸역 잘 따라갔어요..

 

제발 뒤쳐진 교육생들 버리지 마시고.. 끌고 가주세요.. 엉엉..

 

["할만 하시죠~? ^^" 라는 말이 제일 야속하다..]