네이버 뉴스 카피캣 (2)

1) 학습한 내용

복습 및 새롭게 알게된 내용

월말평가를 통해 새롭게 알게된 내용을 위주로 추려봤다.

우선

max-width: 700px;
background-color: red;

는 700이하의 값들에 색을 저장하는걸로 기억했는데,
700미만의 값 즉 699px의 width값까지가 적용범위였다.

그리고 display의 속성중 잘못된것을 고르는 문제가 있었는데,

inline-block , block , hidden, none

이 속성들에 보기가 추가되어서 출제되었는데, display와 hidden은
같은 속성이 아닌데 그걸 간과해서 틀리게 되었다.

1) news-main

2) news-right(part)

3) news-banner and today(part)

4) news-bottom

이부분은 강의를 멈춰두고 직접 만들어 보았다.
가장 간단하면서 내가 빠른시간내에 해볼만하다고 생각했고,
강사님의 코드보다 복잡하고 가독성이 떨어졌다.

레이아웃의 이해를 좀 더 높인다면 좋은 결과가 나올것같다.

25일차 네이버뉴스 Github 실습

2) 학습내용 중 어려웠던 점

레이아웃을 좀 더 자유자제로 다루는 방법을 알았으면 좋겠다.

3) 해결방법

복습 및 검색을통해서

4) 학습소감

유익한 학습시간이었습니다.