๋ผ์šฐํ„ฐ

Develop/React.js

[React] react-router-dom

์„ค์น˜ ๋ฆฌ์•กํŠธ์—์„œ ํŽ˜์ด์ง€๋ฅผ ๋‚˜๋ˆŒ๋•Œ์—๋Š” react-router-dom ์ด๋ผ๋Š” ์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์„ค์น˜ํ•ด์„œ ๊ตฌํ˜„ํ•˜๋Š”๊ฒŒ ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค. ํ„ฐ๋ฏธ๋„์—์„œ npm install react-router-dom ์„ ์ž…๋ ฅํ•ด์„œ ์„ค์น˜ํ•˜๋„๋ก ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๋Š” ๋ฒ• index.js ์— ๊ฐ€์„œ import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); ์ด๋ ‡๊ฒŒ ์„ BrowserRouter ํƒœ๊ทธ๋กœ ๊ฐ์Œ‰๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. App.js ์— ๋‹ค์Œ๊ณผ ๊ฐ™์ด Routes ์™€ Route ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•ด์„œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์ค๋‹ˆ๋‹ค. ์•„๋ž˜ ์˜ˆ์‹œ์—์„œ๋Š” Sign up ๊ณผ S..

wonny_dev
'๋ผ์šฐํ„ฐ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก

...