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

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>

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

아무것도 못했다..

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

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

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

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

내 무기력함에 좌절..

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

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

절때 포기 안한다!!

이 악물고 버틴다!!!

아자잣!!!

Contents

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

새소식

인기 검색어

Ajax_02(퀴즈)_...

당신이 좋아할만한 콘텐츠

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역