Dev Log #24 - 7월 29일

오늘 학습한 내용

✅ 1. 네이버 뉴스 카피캣 개론
✅ 2. 네이버 뉴스_header
✅ 3. 네이버 뉴스_headline

1. 네이버 뉴스 카피캣 개론

• 네이버 뉴스
• 이번 실습 시간에는 flex를 따로 클래스명으로 지정해서 간단하게 작업을 진행

2. 네이버 뉴스_header

• placeholder 속성은 input 태그 영역에 어떤 정보를 기입해야하는 지 사용자에게 알려줄 때 사용된다.

👉 html

👉 css

3. 네이버 뉴스_headline

• z-index 사용
• box-sizing: border-box;는 익스플로러 하위버전에는 반영이 안되므로 네이버에서는 따로 사용하지 않았다.

👉 html

👉 css

---

👉 결과물

---

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

오늘은 네이버 뉴스 카피캣 실습을 진행했다. 오늘 수업 중 가장 인상 깊었던 점은 flex를 클래스로 따로 지정을 해서 코드를 간편화해서 작업을 한 점이다. 이 때까지 flex를 사용할 때마다 하나하나 코드를 다 적었는데 이번 실습에는 간단하게 클래스 명을 지정하다보니 빠르고 쉽게 작업할 수 있었다. 오늘 어려웠던 점은 크게 없었다. 그리고 새로 배운 것은 placdholder 속성이며 오랜만에 z-index 속성을 복습했다. 내일도 열심히 임해야겠다👩🏻‍💻🔥