컴공과컴맹효묘의블로그

Full page scroll? 풀 페이지 스크롤이란, 스크롤을 살짝만 하면 전체 페이지가 스크롤되는 트랜젝션입니다. 이 트랜젝션은 ppt같은 느낌을 주고, 기업 소개 페이지같은 랜딩 페이지에 어울립니다. 직접 스크롤을 window listener와 prevent default로기능을 없애고, 간단한 계산으로만 full-page scroll을 구현했습니다. FullPageScroll.tsx 전체 코드 import { PropsWithChildren, useEffect, useRef, useState } from "react"; import { Dots } from "./Dots"; type PFullPageScroll = { onPageChange?: (page: number) => void; onLoa..