43일차
강의노트
- 유튜브 카피캣
개요
- 카피 대상 분석
- 유튜브 홈과 특정 계정의 메인 페이지를 카피할 것
- 상단과 좌측의 nav 영역이 공통, fixed
- 상단/좌측/중앙의 컨텐츠 영역으로 구분
- 좌측 nav와 메인컨텐츠 영역에 별도의 스크롤 발생
- 기본 영역 설계
- 상단 : fixed로 높이 고정값 영역
- 좌측 : fixed로 폭 고정값 영역을 설정 해주되 스크롤이 생길 때 레이아웃이 틀어질 것을 대비하여 여유를 두고 설정
- 컨텐츠 영역 : main 요소를 사용하되 상단과 좌측의 영역 만큼 이동된 좌표에서 시작하도록 설정
- 좌측영역 내부
: 스크롤을 고려하여 설정해둔 fixed 영역 위에 absolute로 영역을 생성하여 nav를 만들어줌.
메모
- 넓은 영역에서 좁은 영역으로 작업하는 시야(?)에 익숙해지면 좋을 것
- 특별히 새로운 학습 내용은 없었다.
이슈-솔루션/미해결(질문)
x
학습 소감
x
responsibility