CSS 레이아웃 (2)

#1)학습한 내용

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">

<nav class="menu">
	<ul>
		<li>
			<a href="index.html"> 메뉴 버튼</a>
		</li>
		<li>
			<a href="kakao.html">카카오</a>
		</li>
		<li>
			<a href="naver.html">네이버</a>
		</li>
	</ul>
</nav>

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">

<nav class="menu">
	<ul>
		<li>
			<a href="index.html"> 메뉴 버튼</a>
		</li>
		<li>
			<a href="kakao.html">카카오</a>
		</li>
		<li>
			<a href="naver.html">네이버</a>
		</li>
	</ul>
</nav>




<ul class="living-lists">
	<li>
		<a href="" class="image-link">
			<img src="https://via.placeholder.com/170X114">
		</a>
		
		<a href=""class="info-link">
			<div class="living-info">
				<span>리빙</span>
				<h3>퇴사 후, 36년 된 노후주택을 고쳐 갖고 살아요.</h3>
				<p>Nice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet you</p>

				<div class="date-wrap">
					<span class="source">집꾸미기</span>
					<span class="date">2주일 전</span>
				</div>
			</div>
		</a>
	</li>
</ul>

<div class="btn-wrap">
	<div class="btn-left-wrap">
		<button type="button">좋아요</button>
		<button type="button">댓글</button>

	</div>

	<div class="btn-right-wrap">
		<button type="button">요약</button>
		<button type="button">크기</button>
		<button type="button">팩스</button>
		<button type="button">공유</button>
		
	</div>
</div>

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">

<nav class="menu">
	<ul>
		<li>
			<a href="index.html"> 메뉴 버튼</a>
		</li>
		<li>
			<a href="kakao.html">카카오</a>
		</li>
		<li>
			<a href="naver.html">네이버</a>
		</li>
	</ul>
</nav>




<ul class="living-lists">
	<li>
		<a href="" class="image-link">
			<img src="https://via.placeholder.com/170X114">
		</a>
		
		<a href=""class="info-link">
			<div class="living-info">
				<span>리빙</span>
				<h3>퇴사 후, 36년 된 노후주택을 고쳐 갖고 살아요.</h3>
				<p>Nice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet youNice to meet you</p>

				<div class="date-wrap">
					<span class="source">집꾸미기</span>
					<span class="date">2주일 전</span>
				</div>
			</div>
		</a>
	</li>
</ul>

<div class="btn-wrap">
	<div class="btn-left-wrap">
		<button type="button">좋아요</button>
		<button type="button">댓글</button>

	</div>

	<div class="btn-right-wrap">
		<button type="button">요약</button>
		<button type="button">크기</button>
		<button type="button">팩스</button>
		<button type="button">공유</button>
		
	</div>
</div>

2)문제 및 해결방법

실습을 해 보는 과정에서 오탈자가 빈번하게 있어서 그걸 찾아내느라 너무 많은 시간이 소요 된 것 같다. 강의에서는 강사님이 너무 빨리 지나가버리시는것 같기도 하지만 한편으론 내가 아직 단축키를 사용할 줄 몰라서 그런 것 같기도 하다. 해결방법으로는 검색으로 단축키들을 한번 정리 해 보아야 할 것 같다

3) 학습소감

강의를 들으면서 첫번째 회독때 오류가 나면 다음 회차때 수정해야지 마음은 먹었지만 한번 오류가 나면 후속 코딩작업에서도 오류가 이어지는 경우도 있어 그걸 고치고 넘어가려다 보니 시간이 너무 소요가 된다. 앞으로 한달동안은 쭉 녹화강의로 진행되어진다고 하는데 이러한 학습법이 나에게는 다소 적합하지 않은 듯 느껴진다. 이제 슬슬 따라가는데 있어서 벅차다고 느껴진다. 100%이해를 하고 코딩을 해 보기 보다는 받아쓰기 하듯 그냥 받아 적는 느낌이 조금 든다. 이해가 완벽하지 못한 상태에서 계속 새로운 내용이 좀 부담된다.