[feat] 스크롤 관련 구현

[darkdulgi]

#️⃣ 연관 이슈

• [feat] 스크롤 관련 구현 #64

📝 작업 내용

• 원하는 섹션으로 화면을 스크롤 할 수 있는 scrollTo 함수 구현

scrollTo 함수를 구현했습니다. 인자로 0, 1, 2, 3 의 정수를 받으며, 실행시 각각 헤더바의 순서대로 있는 추첨이벤트, 차량상세정보, 기대평, 선착순이벤트 섹션으로 향합니다.

• useSectionInitialize 훅 구현

scrollTo가 제대로 작동하기 위해선 위에서 말한 0~3의 섹션 컴포넌트에서 DOM을 zustand 상태에 연결하는 초기화 작업을 해야
하는데, 이 초기화 작업을 useSectionInitialize 훅으로 구현했습니다. 위 4개의 컴포넌트에선 이 훅을 반드시 실행시켜줘야 합니다.

• 현재 스크롤 상태에 따라 헤더바 상태가 변경되는 기능

이 부분은 아직 미구현입니다.

[lybell-art]

수고하셨습니다.

[lybell-art]

0~3까지, 즉 useSectionInitialize가 사용하는 매직넘버를 별도의 상수로 분리해서 관리한다면, 모달 등 다른 페이지에서 명시적으로 쓰기 편할 겁니다.

[lybell-art]

좋습니다