커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
이미지 썸네일이 안보여요
ChatGPT로 10분만에 웹사이트 만들기 v0
1주차
북마크
김*정
댓글
1
추천
0
조회수
18
조회수
18
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


1-4강의 뒷부분 수강중인데 이미지 썸네일이 보이지 않습니다. 코드 내 URL을 따로 웹페이지로 조회해봐도 동일한 썸네일로 나오네요. 챗GPT가 썸네일 이미지를 제대로 전달하지 못하는 것 같은데 이런 경우 어떻게 하면 좋을까요?



스파르타 즉문즉답




작성한 코드 및 에러 메세지

<!doctype html>

<html lang="en">


<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>트윈패밀리 마켓</title>

    <link rel="stylesheet" href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"

        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"

        integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"

        crossorigin="anonymous"></script>

    <style>

        /* 꾸미기 */


    </style>

</head>


<body>

    <div class="hero bg-dark text-center py-5">

        <h1 class="text-white">트윈패밀리 마켓</h1>

        <h2 class="text-white">트윈홈에 있는 물건을 팝니다!</h2>

    </div>

    <div class="container">

  <div class="row">

    <div class="col-md-4 mb-4">

      <div class="card">

        <img src="https://source.unsplash.com/5KPXCFdiJo4/400x250" class="card-img-top" alt="화이트보드판">

        <div class="card-body">

          <h5 class="card-title">화이트보드판</h5>

          <h6 class="card-subtitle mb-2 text-muted">5만원</h6>

          <p class="card-text">화이트보드판 팝니다. 아이들 교육과 소통에 효과적이예요!</p>

          <a href="https://blog.naver.com/twin_couple" class="card-link" target="_blank">더 보기</a>

        </div>

      </div>

    </div>

    <div class="col-md-4 mb-4">

      <div class="card">

        <img src="https://source.unsplash.com/0rV1Er-xmG0/400x250" class="card-img-top" alt="원목의자">

        <div class="card-body">

          <h5 class="card-title">원목의자</h5>

          <h6 class="card-subtitle mb-2 text-muted">2만원</h6>

          <p class="card-text">원목의자 팝니다. 고급스러운 느낌으로 실내 인테리어에 어울려요.</p>

          <a href="https://blog.naver.com/twin_couple" class="card-link" target="_blank">더 보기</a>

        </div>

      </div>

    </div>

    <div class="col-md-4 mb-4">

      <div class="card">

        <img src="https://source.unsplash.com/4QTw-iBvC9s/400x250" class="card-img-top" alt="나무 책상">

        <div class="card-body">

          <h5 class="card-title">나무 책상</h5>

          <h6 class="card-subtitle mb-2 text-muted">10만원</h6>

          <p class="card-text">나무 책상 팝니다. 현대적이면서도 풍부한 자연적 느낌을 줘요.</p>

          <a href="https://blog.naver.com/twin_couple" class="card-link" target="_blank">더 보기</a>

        </div>

      </div>

    </div>

  </div>

</div>


</body>


</html>




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴