[1st project] TabomGalagsin #02
Table of contents
2nd day of the project!
최상단 Carousel 구현 로직 짜기
어제 하루종일 뭐 했는지 잘 모르겠다. 내가 구현할 carousel은 정말 작고 귀여운데.. ㅋㅋㅋㅋ
그래도 정적인 부분은 완성했다. css의 기초인 positioining부터 막혔고 온라인 여기저기따라해서 완성하긴 했는데 내가 어떻게 구현할 수 있었는지는 지금 다시 설명해 보라고 하면 모른다. 코드를 다시 하나하나 분석해봐야겠다.
https://www.youtube.com/watch?v=qHzSQrLjxlQ
→ 이건 애플코딩의 강의인데 carousel이 어떻게 작동하는지 쉽게 알려준다.
내가 어제 보면서 초기에 500%길이의 div를 만드는데 도움이 된 유튜브 강의가 있는데 다시 한번 찾아보아야겠다.
내가 이 프로젝트에서 구현할 목록들
- Nav bar 상단 고정 및 Nav bar가 스크롤을 내렸을 때, 2개로 분리되며 아래의 Nav bar만 따라가고 위쪽은 따라오지 않게 만들기
- Nav bar 메뉴 아이콘을 hover 했을 때, dropdown 메뉴가 나오고 dropdown 메뉴에서 나올 때, 메뉴 사라지게 하기
- Carousel 구현 (무한재생, 무한슬라이드, 버튼추가)
- dropdown 메뉴에 하위메뉴생성 (컴포넌트 재사용)
내가 맡은 이 구현 목록들은 내가 100프로 이해할때까지 공부할것이다!! 🤓