NextJS; FullPage.js를 직접 컴포넌트로 만들어보기서론Page들 각각의 전체가 스크롤 되는 기능을 구현할 것이므로 FullScroll로 컴포넌트를 네이밍함. 컴포넌트 제작 전 구상컴포넌트의 자식요소로 페이지(Section)들을 받아서 Slide처럼 나타낼 예정.모바일에서는 스크롤할 수 없으므로 터치이벤트를 통해 기능 구현 예정.각 섹션은 부모 컨테이너의 너비와 높이를 100% 차지해야 한다.휠 스크롤과 터치 스크롤로 섹션을 자연스럽게 이동할 수 있어야 한다.한 번에 하나의 섹션만 이동해야 한다.섹션 이동 시 body의 스크롤을 비활성화하여 흔들림을 방지해야 한다. 직면한 문제문제 1: 트랙패드에서 여러 섹션이 이동트랙패드에서 휠 이벤트가 연속적으로 발생하여 여러 섹션이 이동하는 문제 발생.해결:deltaY 값이 일정 범위 이상일 때만 스크롤 이동.isS.. 이전 1 다음