Client-Side Routing & Server-Side Routing
Client-Side Routing (ν΄λΌμ΄μΈνΈ μ¬μ΄λ λΌμ°ν
)
μΉ μ ν리μΌμ΄μ μμ νμ΄μ§ μ νμ μ²λ¦¬νλ λ°©λ² μ€ νλλ‘ μ£Όλ‘ SPAμμ μ¬μ©λλ€.
μ ν΅μ μΈ μλ² μ¬μ΄λ λΌμ°ν κ³Όλ λ€λ₯΄κ², λΈλΌμ°μ μμ JSλ₯Ό μ¬μ©νμ¬ νμ΄μ§λ₯Ό μ ννλ€. μ΄λ₯Ό ν΅ν΄ μ 체 νμ΄μ§λ₯Ό λ€μ λ‘λνμ§ μκ³ λ URLμ λ³κ²½νκ³ , νμν μ½ν μΈ λ₯Ό λμ μΌλ‘ λ‘λ ν μ μλ€.
νΉμ§ λ° μ₯μ
URL λ³κ²½ κ΄λ¦¬
λΈλΌμ°μ μ μ£Όμμ°½μ URLμ΄ λ³κ²½λμ§λ§ μ€μ λ‘λ μλ‘μ΄ νμ΄μ§λ₯Ό μμ²νμ§ μλλ€.
μλ°μ€ν¬λ¦½νΈλ₯Ό ν΅ν΄ URL λ³κ²½μ κ°μ§νκ³ , ν΄λΉ URLμ λ§λ μ½ν μΈ λ₯Ό λμ μΌλ‘ λ‘λνλ€.
λΉ λ₯Έ νμ΄μ§ μ ν
νμ΄μ§ κ° μ΄λ μ μλ²μ μλ‘μ΄ HTMLμ μμ²νμ§ μκ³ , μλ°μ€ν¬λ¦½νΈλ‘ νμν λ°μ΄ν°λ₯Ό λΉλκΈ°μ μΌλ‘ κ°μ Έμ νμ¬ νμ΄μ§μ μΌλΆλΆλ§ μ λ°μ΄νΈνλ€. β μ 체 νμ΄μ§κ° μλ‘κ³ μΉ¨λμ§ μμ μ νμ΄ λΉ λ₯΄κ³ λΆλλ½λ€.
μ ν리μΌμ΄μ μν μ μ§ νμ΄μ§ μ ν μμλ μ ν리μΌμ΄μ μ μν μ μ§ κ°λ₯.
λ¨μ
κΈ΄ μ΄κΈ° λ‘λ μκ°
μ΄κΈ° λ‘λ μ μλ°μ€ν¬λ¦½νΈ νμΌμ λͺ¨λ λ°μμμΌ νλ―λ‘, μ΄κΈ° λ‘λ μκ°μ΄ κΈΈμ΄μ§ μ μλ€.
BUT, μ΄κΈ° λ‘λκ° λλ νμλ μ¬μ©μ κ²½νμ΄ λ§€μ° λΆλλ½κ³ λΉ λ₯΄λ€.
SEO λ¬Έμ
μ΄κΈ° HTMLμ μ½ν μΈ κ° μκ³ , μλ°μ€ν¬λ¦½νΈλ₯Ό ν΅ν΄ λμ μΌλ‘ μ½ν μΈ λ₯Ό λ‘λνλ―λ‘ κ²μ μμ§μ΄ μ½ν μΈ λ₯Ό ν¬λ‘€λ§νκΈ° μ΄λ €μΈ μ μλ€. β κ²μ μμ§ μ΅μ ν(SEO)κ° μ΄λ €μΈ μ μλ€.
μ¬μ© μ¬λ‘
μ£Όλ‘ SPA(Single Page Application)μμ μ¬μ©. μ) React, Vue.js, Angular κ°μ νλ μμν¬μ λΌμ΄λΈλ¬λ¦¬μμ μ¬μ©
Server-Side Routing (μλ² μ¬μ΄λ λΌμ°ν
)
μλ²μμ κ° νμ΄μ§ μμ²μ λν΄ λ³λμ HTML νμΌμ μμ±νμ¬ ν΄λΌμ΄μΈνΈμ μ λ¬νλ λ°©μμ΄λ€.
μλ λ°©μ
URL μμ² μ²λ¦¬
μ¬μ©μκ° URLμ ν΅ν΄ νμ΄μ§λ₯Ό μμ²ν λλ§λ€, μλ²λ ν΄λΉ κ²½λ‘μ λ§λ HTML νμΌμ μμ±νκ±°λ 미리 μ€λΉλ HTML νμΌμ λ°ννλ€.
νμ΄μ§ μ ν μ λΈλΌμ°μ λ μλ²μμ μ 체 HTML νμ΄μ§λ₯Ό λ°μμ μ 체 νμ΄μ§λ₯Ό λ€μ λ‘λνλ€.
λ¨μ ) μμ ν νμ΄μ§ μλ‘κ³ μΉ¨ β νμ΄μ§ μ νμ΄ ν΄λΌμ΄μΈνΈ μ¬μ΄λ λΌμ°ν μ λΉν΄ λ릴 μ μλ€.
μ₯μ
λΉ λ₯Έ μ΄κΈ° λ‘λ
μλ²μμ 미리 μμ±λ HTMLμ μ λ¬νλ―λ‘, μ΄κΈ° λ‘λ μκ°μ΄ λΉ λ₯΄λ€.
μ΄κΈ° λ‘λ μ μλ°μ€ν¬λ¦½νΈλ₯Ό λͺ¨λ λ‘λνκ³ μ€νν νμκ° μλ€.
SEO μΉνμ
μλ²μμ μμ±λ HTMLμ μ 곡νλ―λ‘, κ²μ μμ§μ΄ μ½ν μΈ λ₯Ό μ½κ² ν¬λ‘€λ§ν μ μλ€.
SEOκ° μ©μ΄νλ€.
μ¬μ© μ¬λ‘
μ ν΅μ μΈ MPA(Multi-Page Application)μμ μ¬μ©. μ) μλ² λ λλ§μ μ¬μ©νλ μΉ νλ μμν¬(Django, Ruby on Rails, ASP.NET λ±)μ Next.jsμμ SSR(Server-Side Rendering)μ μ¬μ©νλ κ²½μ°
λΉκ΅ μμ½
λΈλΌμ°μ μμ μλ°μ€ν¬λ¦½νΈλ‘ URL λ³κ²½ κ΄λ¦¬
μλ²μμ κ° νμ΄μ§ μμ²μ λν΄ HTML νμΌμ μμ±νμ¬ μ 곡
μΌλΆλΆλ§ μ λ°μ΄νΈ
μμ ν νμ΄μ§ μλ‘κ³ μΉ¨
μ΄κΈ° λ‘λ μκ°μ΄ κΈΈμ΄μ§ μ μμ
μ΄κΈ° λ‘λ μκ°μ΄ λΉ λ¦
SEOμ λΆλ¦¬ν¨
SEOμ μ 리ν¨
μ£Όλ‘ SPAμμ μ¬μ©
μ£Όλ‘ MPAμμ μ¬μ©
Last updated