Blog Image

Per ardua ad astra.

"H

  • ๐Ÿš€
  • ๐Ÿท๏ธ
  • ๐Ÿ“’
  • ๐Ÿ› ๏ธ
  • ๐Ÿ“
250x250
All Categories (701)
  • Category ๐Ÿ“™ (701) N
    • Programming (197)
      • C (3)
      • C++ (14)
      • C# (0)
      • Python (23)
      • SQL (7)
      • HTML (1)
      • CSS (2)
      • JavaScript (21)
      • TypeScript (14)
      • Node.js (11)
      • React (70)
      • React Native (27)
      • Dart (0)
      • Flutter (0)
      • Android (4)
      • Electron (0)
    • Framework (40) N
      • PyQt (17)
      • Next.js (13) N
      • Vue (0)
      • Tailwind CSS (10)
    • Library (6)
      • Bootstrap (0)
      • Styled-Components (1)
      • Axios (4)
      • Three.js (1)
    • Database (6)
      • Database (2)
      • PostgreSQL (1)
      • MySQL (0)
      • MongoDB (1)
      • Firebase (0)
      • Redis (2)
    • DevOps (51)
      • Git (5)
      • Testing (2)
      • Cloud (1)
      • Docker (6)
      • Kubernetes (2)
      • Azure (29)
      • AWS (0)
      • Service (6)
    • Computer Science (39)
      • ์•Œ๊ณ ๋ฆฌ์ฆ˜ (24)
      • ์ž๋ฃŒ๊ตฌ์กฐ (10)
      • ์ปดํ“จํ„ฐ๊ตฌ์กฐ (0)
      • ๊ฐœ๋… ์ •๋ฆฌ (5)
    • Operating System (1)
      • Linux (1)
      • MacOS (0)
    • Problem Solving (220)
      • BOJ (192)
      • Programmers (3)
      • SWEA (25)
      • LeetCode (0)
    • Mathematics (72)
      • ์ด์‚ฐ ์ˆ˜ํ•™ (43)
      • ํ™•๋ฅ ๊ณผ ํ†ต๊ณ„ (29)
      • ์„ ํ˜•๋Œ€์ˆ˜ํ•™ (0)
      • ๋ฏธ๋ถ„์ ๋ถ„ํ•™ (0)
    • Artificial Intelligence (4)
      • Data Science (4)
      • Machine Learning (0)
      • Deep Learning (0)
    • Certificate (39)
      • ๋ฆฌ๋ˆ…์Šค๋งˆ์Šคํ„ฐ (17)
      • ๋„คํŠธ์›Œํฌ๊ด€๋ฆฌ์‚ฌ (2)
      • ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ (1)
      • ๋น…๋ฐ์ดํ„ฐ๋ถ„์„๊ธฐ์‚ฌ (13)
      • ์ •๋ณด๋ณด์•ˆ๊ธฐ์‚ฌ (0)
      • ๊ฒฝ์˜์ •๋ณด์‹œ๊ฐํ™”๋Šฅ๋ ฅ (0)
      • SQLD (6)
      • COS Pro (0)
    • Study (9)
      • Network (6)
      • Programming (2)
      • DApp (1)
      • MS Learn (0)
    • Tools (7)
      • VS Code (6)
    • ETC. (10)
      • Job Preparation (4)
      • Activity (1)
      • Information (1)
      • Tip (4)
โ—€๏ธ   ๐ŸŒฑ July ๐ŸŒฑ   โ–ถ๏ธ
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
0 0 0 0 0
0 0 0 0 0 0 0
0 0 0 0 0 0 0
0 0 0 0 0 0 0
0 0 0 0 0
2025๋…„ 7์›” 8์ผ ํ™”์š”์ผ
17:21:55
/ /

๐Ÿ“…

D-Day

2026๋…„

(2026.01.01)

176์ผ  6์‹œ๊ฐ„  38๋ถ„  4์ดˆ

Microsoft Student (2023)๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป

Router


728x90
728x90
  • React.js ๋ผ์šฐํ„ฐ ์„ค์ • ๋ฐฉ๋ฒ• (React Router)

    ๋ผ์šฐํ„ฐ ์„ค์ • ๋ฐฉ๋ฒ• (React Route)๋“ค์–ด๊ฐ€๋ฉฐReact Router(react-router-dom)์„ ์ด์šฉํ•˜์—ฌ ๋ผ์šฐํ„ฐ๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ•ด๋ณธ๋‹ค. ๋ฐฉ๋ฒ•ํŒจํ‚ค์ง€ ์„ค์น˜ํ•˜๊ธฐreact-router-dom ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•˜๋ ค๋ฉด ํ„ฐ๋ฏธ๋„์— ์•„๋ž˜ ๋ช…๋ น์„ ์‹คํ–‰ํ•œ๋‹ค.$ npm install react-router-dom # yarn add react-router-dom ๋ฐฉ๋ฒ• 1createBrowserRouter๋ฅผ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค.import { createBrowserRouter, RouterProvider,} from "react-router-dom";import HomePage from "./pages/Home";import ProductsPage from "./pages/Products";co..

    0 2024.07.02


728x90
728x90

PREV 1 NEXT
Powered by Tistory, Designed by ๐Ÿ‘จ๐Ÿปโ€๐Ÿš€adastra

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.