MANDOO

기존 라이브러리에서 pips 옵션이 react에서 적용되지 않는 문제가 발생하여라이브러리 코드 내에 pips 옵션 부분을 가져와서 추가하였다. /*App.js*/ 1 2 3 4  /* App.css */nav { height: 100vh; position: fixed; top: 0; z-index: 100; right: 20px; display: flex; align-items: center; justify-content: center;}nav ul li a span { background: #fff..

설치npm install pageable 전체 코드 /* App.js */import Pageable from 'pageable';import React, { useEffect, useRef } from 'react';function App() { const containerRef = useRef(); useEffect(() => { new Pageable(containerRef.current, { childSelector: "[data-anchor]", // CSS3 selector string for the pages anchors: [], // define the page anchors pips: true, // display the pips animation: 300, // th..

1. 설치 npm install react-router-dom 2. 라우터 구현 //App.js import { BrowserRouter, Routes, Route } from 'react-router-dom'; import './App.css'; import HomePage from './Screen/Home'; import LoginPage from './Screen/Login'; function App() { return ( {/* Home */} {/* Login */} ); } export default App; 3. Link를 이용한 페이지 이동 //Home.js import React, { useEffect, useState } from 'react'; import { Link } from ..