우사미가 공부하는 공간
본문 바로가기

우사미 코딩

검색하기
우사미 코딩
프로필사진 맑은 눈의 우사미

  • 분류 전체보기 (94)
    • Programming (C++) (18)
      • C++ (4)
      • C++ 자료구조 (7)
      • OpenCV (0)
      • UE5.0 (2)
      • XCode, SwiftUI (5)
    • MySQL (5)
    • Leetcode (25)
    • React (38)
    • Node.js (5)
    • QT - GUI (0)
    • 자료구조 (Data Structure) (0)
    • 알고리즘 (Algorithm) (0)
    • Web hosting (0)
    • Git (0)
    • ChatGPT (1)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
  • routes
  • Callback
  • node.js
  • priority_queue
  • Navigation
  • DP
  • JSX
  • event
  • bit
  • state
  • array
  • server
  • css
  • MySQL
  • BinaryTree
  • UE5
  • axios
  • React
  • Props
  • treenode
  • queue
  • leetcode
  • map
  • count
  • route
  • component
  • 비트연산
  • Context
  • nodeJS
  • c++
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Router (1)

우사미 코딩

[React] Router 사용하기

1. react-router-dom 설치 npm install react-router-dom 2. Router를 사용하는 모든 페이지는 Router태그로 감싸고 Routes 설정하기 path에는 경로를 넣고, 이 경로에 해당하는 페이지를 렌더링 하려면 element로 그 페이지를 설정해줘야함 나는 HeaderPage에서 그 링크를 제공하고 있어서 HeaderPage도 Router안에 넣었음 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import { HeaderPage } from "./page/HeaderPage"; import { MainPage } from "./page/MainPage"; import { Si..

React 2024. 2. 7. 12:02
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바

반응형