네이버 TV연예 실습
- tv 연예 상단 메뉴들은 ul과 li로 구조를 짜고 flex로 x축정렬하였다.
- on 이라는 클래스명이 덧붙여진 li에는 글자를 강조하는 색과 밑줄을 추가하는 css 작업을 하였다.
- 비디오 부분은 하나의 큰 div를 윗부분과 아랫부분으로 나누어서 구조를 짰다.
- span과 i 라는 선택자를 활용하여 동영상 시간을 나타내는 부분과 플레이 버튼을 표현했다.
- 또다른 div는 title부분이 들어가도록 하였다.
학습소감
html구조를 짜는데 있어서도 그렇고 css로 전체적인 위치와 어떠한 position을 적용하고 위치를 정할것인가에 대해서 항상 부담감이 많았다. 하지만 계속해서 네이버 사이트를 카피하면서 상황에 따른 position 적용이나 위치값, margin과 padding을 정하는 연습을 계속 해서 그런지 자신감도 생기고 예전부터 갖고있었던 부담감이 많이 줄어든것 같다. 또 더 나아가서 html과 css이외에도 자바스크립트도 공부하고 싶은 생각이 들었다. 어느정도 자신감이 붙었으니 자바스크립트도 차근차근 해봐야겠다.
프론트엔드개발자 지망생