Header

[HelloWorldDogs223]

Header의 요구사항
어느 페이지를 가더라도 Header는 존재해야 한다.
페이지 내 스크롤이 발생해도 항상 상단에 붙어 있어야 한다.
Header는 position: sticky 적용한다.
Header의 왼쪽 섹션
로고 이미지
추후 해당 로고 이미지에 onClick이 필요한지, 왼쪽 섹션 전체에 onClick이 필요한지 확인 필요
→ onClick 시 메인페이지로 redirect 한다.
이미지 hover 시 cursor: pointer 적용필요
→ 이 또한 왼쪽 섹션 전체에 적용하는지, 해당 이미지에만 적용하는지 확인 필요
쇼핑몰 이름
이미지 파일을 전달할 예정인지, 전달하는 대신 폰트로 표현할 예정인지 확인 필요
Header의 오른편 섹션
햄버거 버튼

클릭 시 드롭다운인지, hover 시 드롭다운인지 확인 필요
햄버거 버튼에 UI 라이브러리를 사용할 것인지, 아니면 직접 구현할 것인지 논의 및 결정 필요(플래닝 시점에 진행)
햄버거 버튼의 각 섹션 클릭 시 해당 페이지로 redirect 적용