210723 NAVERネット漫画コピー猫
159950 ワード
学習内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>네이버웹툰</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- 웹툰 홈 -->
<!-- 웹툰 홈 상단 -->
<header id="webtoon-header">
<div class="webtoon-header-top">
<div class="webtoon-container">
<div class="webtoon-header-left">
<h2><a href="#">만화</a></h2>
<em class="bar"></em>
<h3><a href="#">웹소설</a></h3>
<div class="webtoon-header-input-wrap">
<input type="text">
<button type="button" class="btn-search"></button>
</div>
</div>
<div class="webtoon-header-right">
<a href="#" class="btn-login">로그인</a>
<button type="button" class="btn-menu"></button>
</div>
</div>
</div>
<div class="webtoon-header-nav">
<div class="webtoon-container">
<nav>
<ul>
<li class="on"><a href="webtoon.html">홈</a></li>
<li><a href="webtoon-detail.html">웹툰</a></li>
<li><a href="#">베스트 도전</a></li>
<li><a href="#">도전만화</a></li>
</ul>
</nav>
<div class="webtoon-header-link-wrap">
<i class="icon-ex-mark"></i>
<a href="#">살리고 싶은 사람 <짝사랑의 유서></a>
</div>
</div>
</div>
</header>
<!-- 웹툰 홈 중단-->
<main role="main" id="webtoon-main">
<div class="webtoon-container">
<div class="webtoon-main-left">
<div class="webtoon-carousel webtoon-border">
<div class="webtoon-carousel-left">
<h2>오늘의<br><span>웹툰</span></h2>
<p>7월 23일 금요일</p>
<ul>
<li class="on"><a href="#">인기순</a></li>
<li><a href="#">업데이트순</a></li>
<li><a href="#">조회순</a></li>
<li><a href="#">별점순</a></li>
</ul>
</div>
<div class="webtoon-carousel-right">
<div class="webtoon-carousel-banner">
<img src="https://via.placeholder.com/582x195">
</div>
<div class="webtoon-carousel-banner-nav">
<ul>
<li><img src="https://via.placeholder.com/135x57"></li>
<li><img src="https://via.placeholder.com/135x57"></li>
<li><img src="https://via.placeholder.com/135x57"></li>
<li><img src="https://via.placeholder.com/135x57"></li>
</ul>
<a href="#" class="btn btn-prev"></a>
<a href="#" class="btn btn-next"></a>
</div>
</div>
</div>
<div class="webtoon-banner"></div>
<div class="webtoon-content">
<div class="webtoon-content-header webtoon-content-header-recommend">
<h2>장르별 <span>추천웹툰</span></h2>
<nav>
<ul>
<li class="on"><a href="#">에피소드</a></li>
<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>
</nav>
</div>
<div class="webtoon-content-body">
<nav>
<ul>
<li><a href="#">인기순</a></li>
<li><a href="#">업데이트 순</a></li>
<li><a href="#">조회순</a></li>
<li><a href="#">별점순</a></li>
</ul>
</nav>
</div>
<ul class="webtoon-content-col-3">
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
<li class="webtoon-content-col-type-1">
<img src="https://via.placeholder.com/210x120">
<div class="webtoon-content-col-3-info">
<h4>후덜덜덜 남극전자</h4>
<p>102화 전시회 준비</p>
<span>김민혁</span>
</div>
</li>
</ul>
</div>
<div class="webtoon-content">
<div class="webtoon-content-header">
<h2>베스트&도전 <span>추천웹툰</span></h2>
</div>
<div class="webtoon-content-body">
<ul class="webtoon-content-col-3">
<li class="webtoon-content-col-type-2">
<h3>에피소드</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
<li class="webtoon-content-col-type-2">
<h3>옴니버스</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
<li class="webtoon-content-col-type-2">
<h3>스토리</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="webtoon-content">
<div class="webtoon-content-header">
<h2>장르별 <span>인기 단행본만화</span></h2>
</div>
<div class="webtoon-content-body">
<ul class="webtoon-content-col-3">
<li class="webtoon-content-col-type-2">
<h3>순정</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
<li class="webtoon-content-col-type-2">
<h3>소년</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
<li class="webtoon-content-col-type-2">
<h3>무협</h3>
<ul class="webtoon-lists">
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>아빠는 N살</h4>
<p>fa3030</p>
<span>아빠 4컷 그림일기</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.90</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>도곰보와 친구들</h4>
<p>ocli010</p>
<span>귀엽지만 이상하다</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">8.75</span>
</div>
</div>
</li>
<li class="webtoon-list">
<img src="https://via.placeholder.com/83x90">
<div class="webtoon-content-col-info-right">
<h4>까미사랑툰</h4>
<p>qowldbs123</p>
<span>반려가족 일상</span>
<div class="webtoon-content-rating">
<div class="star"></div>
<span class="score">9.34</span>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="webtoon-main-right">
</div>
</div>
</main>
</body>
問題と解決方法
今日はまだいくつかの場所が残っていて、作成基準として、結果はまだ正しく出力されていません.ログを提出してからもう一度チェックしなければなりません.また,コードが長くなると,いっそ単独のcssファイルを作成し,混同を減らし,よりよいことを授業で学習した.毎回感じられる部分ですが、開いているラベルを入力してから閉じているラベルまで、親ラベルに接続しているかどうか、急いで書いている部分で必ず誤字が出てくるので、後で知りたいなら一目では見えないので時間がかかります.出力値が正しくなければ、ウェブサイトのチェック機能で確認することもできますが、これはボリュームが大きすぎるため容易に実現できるものではありません.最終的には、中間ギャップで出力値が正しいかどうかをチェックし、さらに時間が経過するまで修正して続行することが望ましい.
学習の心得.
最初のNAVERホームページでカピネコを作った時から興味があって面白かったとしたら、どんどん長くなって構造が複雑になって疲労度が急上昇しているからです.連日蒸し暑くて集中力も落ちて休みも取れない.今はインターン以外にもほぼ半分の時間が支店に来ていて、週末は充電を再開して、再開の気持ちでしっかりやっています.
Reference
この問題について(210723 NAVERネット漫画コピー猫), 我々は、より多くの情報をここで見つけました https://velog.io/@jungchulheo0512/210723-네이버-웹툰-카피캣テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol