Ajax_02(풀이)_아아.. 이렇게..?

 

 

그래요 선생님..

 

열심히 강의 듣는 수강생들의 수준을 상당히 높게 보시고 계시는군요.

 

'알잘딱깔센의 마인드로 이렇게만 보고 하면 될 것이다' 하는 그런 것..

 

근데요.. 비전공자인데 익숙한 것도 아니고

 

물론 다 핑계이지만 그 전에 이 수강 듣는 사람들을 위해 만든 왕초보반 이잖아요..

 

왕초보는 모르겠고.. 익숙한 사람들을 위해 만든 영상 같은 이 기분은 뭘까..

 

괜히 모르면 내가 노력 안한 것 같고.. 내가 모르는게 죄인 것 같고..

 

그래도 화이팅..!!

 

 

---

 

짚고 넘어가자면 처음부터 막혔던 부분

 

console.log(response)

 

를 통해서 원하는 정보를 불러오는지 확인하는 부분인데

 

 

response 의 [0] > [url] 경로를 지정

 

어떤 강의 영상에서도

 

검사-내용 확인하고-어떤 리스트를 불러와야하는지 확인( [0][url] )

 

내 눈엔 대표하는 아무것도 없는 공백에 URL만 보였다..

 

이러니 시작부터 왜 안되지 하고 버벅이다 결국은 끝내 해결 못하고 마는 상황이 되어버린거다..

 

잘 하고 싶었는데..

 

이런 식으로 막히는게 정말 허탈하다..

 

 

풀이)

    <script>
        function q1() {
            // 여기에 코드를 입력하세요
            $.ajax({
                type: "GET",
                url: "https://api.thecatapi.com/v1/images/search",
                data: {},
                success: function (response) {
                    let imgurl = response[0]['url']
                    $("#img-cat").attr("src", imgurl);

                }
            })
        }
    </script>

 

+ ​jQuery 이미지태그 src 바꾸기

 

let imgurl = response[0]['url']
$("#img-cat").attr("src", imgurl);

 

imgurl 에 가져올 정보를 지정하고

 

.attr 변환 방법을 검색 후 찾아 적용시킨다.

 

적용이 되면 수시로 url 이 갱신되어 다른 이미지가 나오는 것을 볼 수 있다.

 

 

---

 

생각보다 풀이가 너무 단조롭고 쉬웠다..

 

앞에 부분만 잘 해결봤더라면 해결할 수 있었던 10분짜리 문제..

 

참으로 야속한 코딩

 

앞으로도 계속될 예정이다.. 흑흑..

 

그래도 화이팅..!!