FrameWork/React3 React Router 사용자가 요청한 링크주소(URL)에 맞는 페이지를 찾아서 보여주는 것 [설치] npm i react-router-dom [사용]라우팅 경로별 보일 페이지를 정한다.createBrowserRouter를 활용해 라우팅 경로를 관리한다.라우팅 경로 1개당 1개의 dictionary로 관리RouterProvider를 사용해 라우팅 경로를 등록//----- router.tsximport { createBrowserRouter } from "react-router-dom";import Root from "./components/Root";/*path에 url경로를 적고 element에 경로별 화면을 입력한다.children에 자식경로를 입력하여 가지치기하며 routing을 관리 createBrowserRouter.. 2024. 8. 9. React-Icons [설치]npm install react-icons --save React Icons react-icons.github.io 2024. 8. 9. React 세팅 [react projcect setting]npx create-react-app --template= [폴더 및 파일 정리]아래 파일만 남기고 지우기 -> 안에 import되어 있는 내용들 지우기App.tsx: return에 ( hello world ) 이거 작성해 주기. 안하면 오류남import React from 'react';function App() { return ( alsi )}export default App; index.tsximport React from 'react';import ReactDOM from 'react-dom/client';import App from './App';const root = ReactDOM.createRoot( document.getElement.. 2024. 8. 9. 이전 1 다음