logo

[Web] - 5편 React에서 fullpage.js 적용하기

language-logoReactJS

• fullpage.js는 웹사이트를 PPT처럼 한 페이지씩 넘기는 기능을 제공하며, 이를 리액트 프로젝트에 적용하려 한다.
• jQuery 기반의 라이브러리인 fullpage.js와 jQuery를 설치하고, 오류 방지를 위해 @types/jquery, react-app-rewired, iscroll도 설치한다.
• package.json의 "scripts"를 수정하고, webpack 설정에 new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', IScroll: 'iscroll' })를 추가한다.
• FullPage jsx 파일을 만들어 원하는 페이지를 구성하고, yarn start로 실행하여 원하는 결과를 얻을 수 있다.

thumbnail
북마크
공유하기
신고하기
3분 분량
조회수 443
profile-imagewq0212
일 년 전
Copyright © 2025. Codenary All Rights Reserved.