학습내용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="덴마크 쇼핑몰 카피캣 연습">
<meta name="author" content="허정철">
<meta name="keyword" content="html, css, tutorial">
<title>Helbak</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header id="header">
<h1>
<a href="#" class="logo">
<img src="https://via.placeholder.com/186x18">
</a>
</h1>
<nav class="buttons">
<ul>
<li>
<a href="#" class="menu-button">
<img src="https://via.placeholder.com/22x20">
</a>
</li>
<li>
<a href="#" class="menu-button">
<img src="https://via.placeholder.com/22x20">
</a>
</li>
<li>
<a href="#" class="menu-button">
<img src="https://via.placeholder.com/22x20">
</a>
</li>
</ul>
</nav>
</header>
<main role="main" class="main-content">
<ul class="product-group">
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 1</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 2</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 3</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 4</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 5</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
<li>
<a href="#" class="product-group-link">
<article>
<h2 class="link-text">Product 6</h2>
<img src="https://via.placeholder.com/1000x563">
</article>
</a>
</li>
</ul>
</main>
<footer id="footer">
<nav class="left-nav">
<ul>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Cookies</a></li>
</ul>
</nav>
<nav class="right-methods">
<h3>Payment Methods</h3>
<ul>
<li><span class="payment-icon one"></span></li>
<li><span class="payment-icon two"></span></li>
<li><span class="payment-icon three"></span></li>
<li><span class="payment-icon four"></span></li>
<li><span class="payment-icon five"></span></li>
</ul>
</nav>
<a href="#" class="to-top-button"></a>
</footer>
</body>
</html>학습소감 및 문제점
확실히 지난 키즈가오 카피캣 연습을 할 때보다는 쉽게 느껴진 듯 했다. 강의도 거의 멈추지 않고 들을 수 있었을 만큼 타이핑의 속도도 제법 빨라진 것 보아 조금은 익숙해진 것 같다. 하지만 역시나 꾸준히 이어지고 있는 문제지만 한번 꼬이기 시작하면 어디서 부터 잘못 된 것인지를 찾아내지 못한다. 한참이 걸려서야 찾아내면 다행이지만 도저히 찾지 못한 부분은 그냥 다음 회독때 알아보려고 넘어간 부분도 있었다. 그런 부분들 때문인지 출력값이 강사님의 예시와 조금 달랐던 부분들이 있었다.
문제 해결 방안
내일부터 주말인 만큼 천천히 시간을 갖고 어디서 오류가 생겼는지 한번 파악해 보면서 다시 한번 강의를 시청해 보아야 할 것 같다. 그리고 또 천천히 강의를 들으면서 중간중간에 강의에 사용되었던 참고 사이트나 강사님이 알려주시는 팁 같은 부분들을 좀 정리해야 할 듯 싶다. 주중에는 결과물을 도출하는데만 해도 시간이 많이 걸리는 탓에 하지 못했었는데 지난 강의 전부를 할 수는 없더라도 오늘 강의 만이라도 한번 정리를 해 보아야 겠다.
AI School for Daegu