1. 학습내용
github 소스코드
webtoon
i 태그
아이콘 넣을때 사용
인라인요소이기 때문에 background image 로 삽입할떄는 display block or inline-block으로 공간을 만들 수 있는 html 성격으로 변경해주어야함
<div class="webtoon-header-link-wrap">
<i class="icon-ex-mark"></i>
<a href="#">온천마을 판타지 로맨스 <모락모락 왕세자님></a>
</div>
클래스를 이용하여 css적용하기
on이라는 class를 만들어서 그 on이 들어가는 li에는 만들어둔 css 적용함
<li class="on"><a href="webtoon.html">홈</a></li>
#webtoon-header .webtoon-header-nav nav ul li.on a {
background-color: #00d564;
color: #ffffff;
}
2. 어려운점
javascript와 강의, 강의 복습을 병행하다보니 시간이 매우 촉박한 것이 어려운 점 인것 같다.
강의적으로는 이제 계속 반복적인 실습을 통해 익숙해지는 일 뿐이라 개념에 대한 이해가 안되는 부분은 없지만 레이아웃에서 살짝 머뭇거릴 때가 있다.
3. 해결방법
주말을 이용해 그동안 학습한 내용들을 다시 복습하고 내가 직접 생각해서 레이아웃부터 시작해서 짜보는 연습을 하고 마지막으로 자바스크립트 강의를 들어놓아 평일에 시간을 좀더 유연하게 사용할 수 있도록 해야겠다.
4. 소감
점점 아는게 많아지는 만큼 부족하다는 것도 더욱더 느껴지는 것 같다.
개발이라는 게 공부하면 할수록 아는게 많아지는게 느껴지는데 하나를 끝내고 나면 할 분량이 2개 더늘어나는 것 같다.