텀블벅 메인페이지 클론코딩

[xxxjinn]

👩‍💻 요구 사항과 구현 내용

• 기본 기능
  • 기본 구조 레이아웃 구현
• Navigation Bar
  • [ O] 카테고리의 세부메뉴 구현
  • [O ] 카테고리 외에 다른 메뉴 색상 변경 구현
    막연하게 js로만 구현할 수 있을 줄 알았는데 검색해보니 hover를 사용해서 css만으로도 구현이 된다는 점을 알게 되어서 너무 신기했습니다.
  • [X ] 검색창 화면 위로 띄우기 구현
  • [ X] 검색창 레이아웃 구현
  • [ X] 검색창 닫기 버튼 구현
  • [ X] 검색어에 따른 추천 리스트 변경 구현
  • [ X] 검색어 리셋 버튼 구현
  • [ X] 검색창 닫기 버튼 구현
  • [ X] 상단 고정 구현
• Side Bar
  • [X ] 인기 프로젝트 페이지 이동을 위한 버튼 3가지 구현
  • [X ] 하단 인기 프로젝트 전체 보기 버튼 색 변경 구현
  • [X ] 현재 시각 실시간 변화 구현
  • [X ] 리스트 아이템 화면 확대 기능 구현
  • [ X] 카테고리와 창작자 밑줄 생성 기능 구현
• Banner
  • [ X] 배너 순서 및 전체 개수 표시 구현
  • [X ] 배너 자동 이동 구현
  • [X ] 배너 좌우 버튼 클릭 기능 구현
  • [ X] 배너 좌우 버튼 색상 변경 기능 구현
• Main Article
  • [ X] 리스트 아이템 사진 확대 기능
  • [X ] 카테고리 및 창작자 밑줄 생성 기능 구현
• Footer
  • [ O] 하위 메뉴 강조 기능 구현
  • [ O] 고객 지원 버튼 강조 기능 구현
  • [ O] 소셜 네트워크 이동 버튼 강조 기능 구현
• 추가 기능
  • [ X] Responsesive(반응형) 웹 구현

✅ PR 포인트 & 궁금한 점

• 궁금한 점을 작성해주세요
  과제 기간이 예전부터 계획한 여행이나 중요한 약속과 겹쳐서 시간이 날 때마다 조금씩 수행해서 촉박한 마음에 문제를 해결하기 위해서 깊게 생각하지 못한 점이 후회되고 너무너무 공부가 부족하다는 것을 깨달았습니다.
  일단 nav 에서 세부메뉴를 띄우기 위해 (세부메뉴가 나오지 않을 때에도 ?)nav 전체의 높이를 엄청 키워서 main을 어떻게 구성해야 할 지 꼬여버려서 생각을 못했는데 nav의 높이를 어떻게 설정해야 하는지 궁금합니다.
  과제를 할 때 참고를 하기 위해서 실제 텀블벅 사이트의 코드를 봤는데 복잡해서 이럴때 CSS나 JS를 어떻게 분석해야 하는 지가 궁금합니다.