221130(μ)
π μ±μ₯μΌμ§ 3.0
μ±
ν볡ν μ΄κΈ°μ£Όμμ(μ¨μΈ λ€μ΄μ΄)
μ λ΄μ©μ μκ·Ήλ°μ μμνλ μλ°ν μ±μ₯κΈ°λ‘
μ΄μμλ κ½κ³Ό μ£½μ κ½μ μ΄λ»κ² ꡬλ³νλκ°?
μ±μ₯νκ³ μλ κ²μ΄ μ΄μ μλ κ²μ΄λ€.
μλͺ μ μ μΌν μ¦κ±°λ μ±μ₯μ΄λ€!
π³ ν€μλ (1.0)
μ΅λν κ°λ¨νκ² μ 리, μΆνμ 보면μ μ€μ€λ‘ μ€λͺ
π κ²½ν μμ£Όλ‘ (2.0)
λ¨μ μ 보λ₯Ό μ λ¬νκΈ°λ³΄λ€ λ¬΄μμ λ°°μ κ³ μ΄λ»κ² ν΄κ²°νλμ§ μ§§κ³ κ°λ¨νκ² μμ±
βοΈ μ ν΄μ§ ν νλ¦Ώμ λ§μΆ°μ (3.0)
ν€μλ, κ²½ν λͺ¨λ μ’λ€. λ€λ§ λ§€μΌ μμ±νκΈ°λ‘ λ§μ λ¨Ήμλ§νΌ ν΅μ¬λ§ κ°κ²°νκ² μ 리ν μ μκ² ν νλ¦Ώμ μμ±
π μ€λμ ν€μλ
- 리μ‘νΈ
- react-router, react-router-dom
- v5μ v6μ μ°¨μ΄
- router
- BrowserRouter, HashRouter
- Link, Routes, Route, useLocation, dynamic routing
- BrowserRouter, HashRouter
- react-router, react-router-dom
π μμ½ λ° ν루 κ°λ¨ νκ³
리μ‘νΈμ λΌμ°ν°λ λμμμ΄λ€. μ€μ λ‘ μλ²μ μμ²μ 보λ΄λ λλ©μΈ μ£Όμκ° μλλΌλ μ .(λ¬Όλ‘ μλ²μμ ν΄λΉ λΌμ°ν°λ‘ ꡬνν΄λλ©΄ λκΈ΄ νλ€.)
BrowserRouterλ₯Ό λ μ€λ¬΄μμ μ¬μ©νλ μ΄μ λ μλ²μμ μ€μ ν¨μ λ°λΌ SEO(κ²μ μμ§ μ΅μ ν)λ₯Ό μ§νν μ μκΈ° λλ¬Έμ΄λ€.
λ°λ©΄ HashRouterλ #
λ€μ μ£Όμλ μΉμμλ§ μλ μ£Όμμ΄λ€. μ¦, μλ²μμλ μ μ μλ μ£Όμμ΄κΈ° λλ¬Έμ, SEOμ μμ΄ λ λΆλ¦¬νλ€.
μ΄μ λλμ΄ λΌμ°ν°κΉμ§ λ€μλ€. κΈ°μ΄ λ³΅μ΅μ΄κΈ°λ νμ§λ§, μ΄ κ°μλ₯Ό μ΄μ¬ν κ³ λ―Όνλ©΄μ λ€μ λ΄ μμ μκ² μΉμ°¬μ ν΄μ£Όκ³ μΆλ€! μ¬μ€ μλ°μ€ν¬λ¦½νΈ λλ λκΌμ§λ§, μμ€λΆν° 리μ‘νΈ, νμ€ λͺ¨λ μ¬λ―Έμλ€!!! λκ° λ΄κ° μ°Ύλ μΈμ΄κ°μ λλμ΄λκΉ..? κ·Έλμ λ μμ¬λκ³ λ μνκ³ μΆμ΄μ§λ€. μ΄μ¬ν λ°λ κ±·λ μ΄μ λ³΄λ€ λμκ°λ³΄μ!