Dev Log #25 - 7월 30일

오늘 학습한 내용

✅ 1. 네이버 뉴스 main_left
✅ 2. 네이버 뉴스 main_right
✅ 3. 네이버 뉴스 bottom

1. 네이버 뉴스 main_left

• text-overflow: ellipsis :말줄임하는 속성
  • 참고사이트:MDN
• 공통된 요소를 뽑아내고 공통된 요소를 배치작업할 때 기본 레이아웃에 변화가 없게끔 세팅하는 것이 중요하다. (커스텀작업에 용이하다)
• cusor: pointer; cusor: default;

👉 html

👉 css

2. 네이버 뉴스 main_right

👉 html

👉 css

3. 네이버 뉴스 bottom

👉 html

👉 css

---

👉 결과물

---

오늘의 학습 후기(어려웠던 점, 개선할 점)

오늘은 네이버 뉴스 카피캣 실습을 마무리하는 시간을 가졌다. 오늘 수업중 인상 깊었던 점은 공통된 요소가 있을 경우 나중에 각 요소를 커스텀하기 쉽게 작업하기 위해서 기본 레이아웃 변화가 없게끔 세팅한 점이다. 나중에 실무에서도 이 부분은 적용할 수 있도록 항상 기억해두어야 할 것 같다. 이번 네이버 뉴스 카피캣은 까다로운 부분이 꽤 있었던 것 같다. 하지만, 개발자도구와 다른 참고사이트를 찾아가면서 학습하다 보니 이해하고 반영하기 수월했다. 요근래 몇 주동안 네이버 카피캣 실습을 작업하다보니 이때까지 몰랐던 네이버 페이지를 많이 알게 된 것 같다. 다음주에도 열심히 임해야겠다! 👩🏻‍💻🔥