👶 내일배움단/웹개발 종합 개발일지

Ajax_02(퀴즈)_...

울고 가자..

선생님 : 자~ 이번에 내어드린 퀴즈는 10분정도 드릴테니 해보시고

후에 같이 한 번 해보겠습니다. :)

나 : 와.. 10분이면 쉬운 문제인갑다 ^^

껌이겠네~~

[50분 뒤]

나 :

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>JQuery 연습하고 가기!</title>
    <!-- JQuery를 import 합니다 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <style type="text/css">
      div.question-box {
        margin: 10px 0 20px 0;
      }
      div.question-box > div {
        margin-top: 30px;
      }

    </style>

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

                        console.log(catPick)

                        // $("#img-cat").attr("src", imgurl);

                    }
                }
            })
        }
    </script>

  </head>
  <body>
    <h1>JQuery+Ajax의 조합을 연습하자!</h1>

    <hr/>

    <div class="question-box">
      <h2>3. 랜덤 고양이 사진 API를 이용하기</h2>
      <p>예쁜 고양이 사진을 보여주세요</p>
      <p>업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.</p>
      <button onclick="q1()">고양이를 보자</button>
      <div>
        <img id="img-cat" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>
      </div>
    </div>
  </body>
</html>

많은 시도 끝에 포기한 코드..

아무것도 못했다..

진짜 손도 못대고 아무것도 못했다..

멘탈 의욕 모든게 다 와장창 된 기분..

아니.. 배운 걸 가지고 써먹는거 아닌가..?

배운 것도 없는 스킬과 응용법으로 해보라 하고는 짜잔 해서 나오는게 어디 쉬운 일인가..

내 무기력함에 좌절..

할~ 뻔했지만~ 이런걸로 절때 포기하지 않지..!!!

그래 언제든지 날강도 같은 문제들 와라 포기하게 만드는 문제던 뭐던 다 드루와!!

절때 포기 안한다!!

이 악물고 버틴다!!!

아자잣!!!

'👶 내일배움단 > 웹개발 종합 개발일지' 카테고리의 다른 글

[스파르타코딩클럽] 웹개발 종합반 - 2주차 개발일지 / 숙제(실습/풀이) (0)	2022.12.31
Ajax_02(풀이)_아아.. 이렇게..? (0)	2022.12.31
Ajax(풀이)_ (0)	2022.12.31
Ajax (퀴즈)_아니.. 다 왔는데;; (0)	2022.12.31
jQuery + Javascript(풀이) (0)	2022.12.31

Contents

새소식

인기 검색어

Ajax_02(퀴즈)_...

'👶 내일배움단 > 웹개발 종합 개발일지' 카테고리의 다른 글

당신이 좋아할만한 콘텐츠

티스토리툴바