네이버뉴스-TV연예 3일차
작성한 우측 본문
우측 본문은 ent-section-10에서 ent-section-13까지의 레이아웃으로 이루어져있다.
이번 본문은 난이도가 쉬워 남는 시간에 footer를 추가로 작성해 보았고, 자세한 코드는 아래에 링크해 두었다.
footer
강의 영상 없이 작성하다보니 어려운 점이 많았다. 실제 css 파일을 그대로 복사하는게 아닌 크롬 개발자 모드를 통해 필요한 코드만 사용하다 보니 적용 순서가 뒤바뀌거나 필요한 레이아웃 순서대로 속성을 적용하기 어려웠다. 덕분에 원본과는 padding이나 margin값이 꽤 다르다.
(원본)
카피를 할 땐 종종 이해가 가지 않는 코드도 있다. 3번째 줄 각각의 폰트가 달라 태그가 3개인데, 각각 em, a, span이며 em은 글자를 기울이는 태그면서 font-style: normal를 적용한다. 폰트가 달라서 인가? 싶지만 그러면 왜 또 마지막 태그는 span으로 달라질까...하는 의문에 의문이 계속 남게 된다.
학습 소감
시간이 남아 footer 부분만 스스로 추가해봤지만 아직 혼자 카피캣을 진행하는데도 어려움이 많다. 실력 향상을 위해서는 이런 연습을 자주 해봐야 할 것 같다.
진행한 코드 링크
오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.
태훈입니다.