📌 학습한 내용

---

네이버 모바일 실습 2

전체 코드 : 💾

이벤트 채널

• 좌우의 공통된 영역을 뽑아 우선적으로 작업하고, 왼쪽영역의 일부를 수정해서 오른쪽 영영을 만들어 주었다.

👉 float의 특징

: 부모가 갖고 있는 공간의 크기보다 float을 사용한 자식들의 공간의 크기의 합이 더 크다면, 레이어가 어긋나는 현상 발생

• 내부 요소들이 (자식태그들이) 모두 float으로 3차원적 특징을 가지기 때문에 <ul>가 자식들의 높이값을 인지하지 못하는 현상이 발생
  
  -> <ul>에 overflow: hidden;을 적용해 자식의 높이값을 인식할 수 있도록 함

오늘 네이버

하단 영역

📌 학습내용 중 어려웠던 점

---

📌 해결방법

---

📌 학습소감

---

드디어 html, css 관련 실습이 끝이 났다. 네이버 모바일 버전이 생각한 것 보다 간단하기도 했고, '이벤트 채널' 영역을 작성할 때, 공통된 부분을 잘 뽑아내서 클래스화 시킨 것 같다. 내일부터는 드디어 자바스크립트를 시작한다. 여태껏 실습해온 페이지들에 이것 저것 기능을 적용시켜 좀 더 화려해질 수 있다고 생각하니, 정말 기대가 된다. 😆