학습 내용
1. 네이버 연예 뉴스 오른쪽 영역
<div class="ent-right">
<div class="ent-banner"></div>
<div id="ent-section-10">
<div class="title-wrap ent-flex-between">
<h3>많이 본 TV연예 뉴스</h3>
<a href="#" class="more">더보기</a>
</div>
<ol>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
<li>
<a href="#">
<span class="rank">1</span>
<p>동해물과 백두산이 마르고 닳도록</p>
</a>
</li>
</ol>
</div>
<div id="ent-section-11">
<ul>
<li>
<a href="#">
<div class="title-wrap ent-flex-between">
<div class="title-left ent-flex-start">
<span class="count">14</span>
<h3>타이틀 1</h3>
</div>
<div class="icon-arrow"></div>
</div>
<div class="article-content ent-flex-between">
<div class="content-left">
<h4>서브 타이틀 서브 타이틀 서브 타이틀서브 타이틀 서브 타이틀</h4>
<span class="source">스타뉴스</span>
</div>
<img src="https://via.placeholder.com/70">
</div>
</a>
</li>
<li>
<a href="#">
<div class="title-wrap ent-flex-between">
<div class="title-left ent-flex-start">
<span class="count">14</span>
<h3>타이틀 1</h3>
</div>
<div class="icon-arrow"></div>
</div>
<div class="article-content ent-flex-between">
<div class="content-left">
<h4>서브 타이틀 서브 타이틀 서브 타이틀서브 타이틀 서브 타이틀</h4>
<span class="source">스타뉴스</span>
</div>
<img src="https://via.placeholder.com/70">
</div>
</a>
</li>
<li>
<a href="#">
<div class="title-wrap ent-flex-between">
<div class="title-left ent-flex-start">
<span class="count">14</span>
<h3>타이틀 1</h3>
</div>
<div class="icon-arrow"></div>
</div>
<div class="article-content ent-flex-between">
<div class="content-left">
<h4>서브 타이틀 서브 타이틀 서브 타이틀서브 타이틀 서브 타이틀</h4>
<span class="source">스타뉴스</span>
</div>
<img src="https://via.placeholder.com/70">
</div>
</a>
</li>
</ul>
<div class="bottom ent-flex-between">
<div class="btn-wrap ent-flex-start">
<button class="btn btn-prev"></button>
<button class="btn btn-next"></button>
</div>
<a href="#" class="more">더보기</a>
</div>
</div>
<div id="ent-section-12">
<div class="title-wrap">
<h3>연예가 HOT 포토</h3>
</div>
<ul class="ent-flex-between">
<li>
<img src="https://via.placeholder.com/146x138">
<h4>타이틀 타이틀 타이틀 타이틀 타이틀 타이틀</h4>
<span>스타들의 일상</span>
</li>
<li>
<img src="https://via.placeholder.com/146x138">
<h4>타이틀 타이틀 타이틀 타이틀 타이틀 타이틀</h4>
<span>스타들의 일상</span>
</li>
<li>
<img src="https://via.placeholder.com/146x138">
<h4>타이틀 타이틀 타이틀 타이틀 타이틀 타이틀</h4>
<span>스타들의 일상</span>
</li>
<li>
<img src="https://via.placeholder.com/146x138">
<h4>타이틀 타이틀 타이틀 타이틀 타이틀 타이틀</h4>
<span>스타들의 일상</span>
</li>
</ul>
</div>
<div id="ent-section-13">
<div class="title-wrap ent-flex-between">
<h3>연예가 인터뷰</h3>
<a href="#" class="more">더보기</a>
</div>
<div class="heading ent-flex-between">
<div class="heading-info">
<h4>타이틀 타이틀 타이틀 타이틀 타이틀 타이틀 타이틀 타이틀 타이틀 타이틀</h4>
<span class="source">스포츠</span>
</div>
<img src="https://via.placeholder.com/70">
</div>
<ul>
<li><a href="#">동해물과 백두산이 마르고 닳도록</a></li>
<li><a href="#">동해물과 백두산이 마르고 닳도록</a></li>
<li><a href="#">동해물과 백두산이 마르고 닳도록</a></li>
<li><a href="#">동해물과 백두산이 마르고 닳도록</a></li>
<li><a href="#">동해물과 백두산이 마르고 닳도록</a></li>
</ul>
</div>학습한 내용 중 어려웠던 점 또는 해결못한 것들
해결방법 작성
학습 소감
TODO 개발서 만들기