학습내용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>네이버</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- 네이버 상단 -->
<header id="main-header">
<div class="search-area">
<div class="search-wrap">
<input type="text">
<button type="button"></button>
</div>
</div>
<div id="navbar">
<div class="container">
<ul>
<li><a href="#">메일</a></li>
<li><a href="#">카페</a></li>
<li><a href="#">블로그</a></li>
<li><a href="#">지식in</a></li>
<li><a href="#">쇼핑</a></li>
</ul>
</div>
</div>
</header>
<main role="main" class="container">
<div id="main-left">
<div id="banner-wrap"></div>
<div id="news-wrap">
<div class="news-header">
<h2>뉴스 스탠드</h2>
<div class="news-btn-wrap">
<button class="setting-1"></button>
<button class="setting-2"></button>
<button class="setting-3"></button>
</div>
</div>
<ul class="news-lists">
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
<li class="news-list">
<img src="https://via.placeholder.com/45x20">
</li>
</ul>
</div>
<div id="blog-wrap">
<div class="blog-header">
<div class="left-header">
<h3>오늘 읽을만한 글</h3>
<span>주제별로 분류된 다양한 글 모음</span>
</div>
<div class="right-header">
<span class="count"><strong>1,853</strong> 개의 글</span>
<span>관심주제 설정</span>
</div>
</div>
<nav class="blog-nav">
<ul>
<li><a href="#">엔터</a></li>
<li><a href="#">스포츠</a></li>
<li><a href="#">자동차</a></li>
<li><a href="#">웹툰</a></li>
<li><a href="#">경제M</a></li>
<li><a href="#">레시피</a></li>
<li><a href="#">개암</a></li>
<li><a href="#">영화</a></li>
</ul>
</nav>
<div class="blog-list-wrap">
<ul>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="blog-media-wrap">
<ul>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
</ul>
</div>
<div class="blog-list-wrap">
<ul>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<img src="https://via.placeholder.com/170x114">
<div class="blog-list-info">
<span>경제M</span>
<h4>Title</h4>
<p> 최근 SBS FiL 프로그램을 통해 ‘당신의 일상을 밝히는가’ 심혜진이 운영하는
호텔&리조트가 공개됐다. 인터넷상에서 심혜진 리조트로 유명세를 치르는 곳인
이곳은 마치 동남아 여행을 온 것 같은 분위기로 많은 이들의 궁금증을 자아냈다.
</p>
<div class="date-wrap">
<span>머니그라운드</span>
<span>6일 전</span>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="blog-media-wrap">
<ul>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
<li>
<img src="https://via.placeholder.com/232x130">
<div class="blog-media-info">
<h4>Title</h4>
<span>신사임당</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="main-right">
</div >
</main>
</body>
</html>학습소감 및 문제해결방안
두번째 카피켓이어서 그런지 키즈가오때 보단 조금 덜 혼란스러웠고, 보다 쉽게 따라갈 수 있었던 것 같다. 하지만 저번보다 조금 더 복잡해서 보다 꼼꼼히 오탈자를 신경써야 했고, 분량이 길다 보니 조금 체력적으로 힘들었지만 전반적으로 키즈가오 보다는 할 만 했던것 같다.문제점으로는 아직 태그 입력할 때 습관적으로 똑같은 오탈자를 자꾸 내는데 더 주의해야 할 것 같다.
AI School for Daegu