Symbol

Overview

@shinyongjun/react-fullpage는 전체 화면 전환 UI를 제공하는 리액트 컴포넌트 라이브러리입니다.

기능 소개

  • 웹 페이지를 여러 섹션으로 나누고, 각 섹션을 전체 화면으로 표시할 수 있습니다.
  • 다양한 스크롤 이벤트를 사용하여 사용자 경험을 향상시킬 수 있습니다.
  • 사용자 정의 가능한 옵션을 통해 페이지 전환 효과나 스타일을 설정할 수 있습니다.​

예제 코드

'use client'; import { useState } from 'react'; import { FullpageContainer, FullpageSection } from '@shinyongjun/react-fullpage'; import '@shinyongjun/react-fullpage/css'; export default function App() { const [activeIndex, setActiveIndex] = useState<number>(0); return ( <FullpageContainer activeIndex={activeIndex} setActiveIndex={setActiveIndex} > <FullpageSection> <div>Section 1</div> </FullpageSection> <FullpageSection> <div>Section 2</div> </FullpageSection> <FullpageSection> <div>Section 3</div> </FullpageSection> <FullpageSection isAutoHeight> <footer>Footer</footer> </FullpageSection> </FullpageContainer> ); }