[React] React Router(๋ฆฌ์กํธ ๋ผ์ฐํฐ) ์ฌ์ฉํ๊ธฐ
ยท
Frontend/React
SPA ๊ธฐ๋ฒ์ ๊ทธ๋๋ก ์ ์งํ ์ํ๋ก REACT์์ ํ์ด์ง ์ด๋ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ผ๋ก React Router๊ฐ ์ฌ์ฉ๋๋ค. ๋ผ์ฐํ
์ด๋? - ์ฌ์ฉ์๊ฐ ์์ฒญํ URL์ ๋ฐ๋ผ ํด๋น URL์ ๋ง๋ ํ์ด์ง๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ฉด ์ฝ๋ค. - ๋ฆฌ์กํธ์๋ ๋ผ์ฐํ
๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์กด์ฌํ๋๋ฐ, ๊ทธ ์ค ๋ฆฌ์กํธ ๋ผ์ฐํฐ(React Router)๋ฅผ ์ฌ์ฉํด๋ณด๋ ค๊ณ ํ๋ค. React Router(๋ฆฌ์กํธ ๋ผ์ฐํฐ)๋ ๋ฌด์์ธ๊ฐ? - ์ฌ์ฉ์๊ฐ ์
๋ ฅํ ์ฃผ์๋ฅผ ๊ฐ์งํ๋ ์ญํ ์ ํ๋ฉฐ, ์ฌ๋ฌ ํ๊ฒฝ์์ ๋์ํ ์ ์๋๋ก ์ฌ๋ฌ ์ข
๋ฅ์ ๋ผ์ฐํฐ ์ปดํฌ๋ํธ๋ฅผ ์ ๊ณตํ๋ค. ์ข
๋ฅ - BrowserRouter: HTML5๋ฅผ ์ง์ํ๋ ๋ธ๋ผ์ฐ์ ์ ์ฃผ์๋ฅผ ๊ฐ์งํ๋ค. - HashRouter: ํด์ ์ฃผ์๋ฅผ ๊ฐ์งํ๋ค. React Router(๋ฆฌ์กํธ ๋ผ์ฐํฐ) ์ฌ์ฉํด๋ณด๊ธฐ! (โ ..