μλ
νμΈμ, μ΄ λ¬Έμ κ° μ΄μ μ λ
Όμλμλ€λ κ²μ μκ³ μμ§λ§ μ΄ ν¨ν΄μ λν λͺ
νν λ΅μ μ°Ύμ μ μμμ΅λλ€.
λ¨Όμ - μ¬μ©μ μ μ μλ²(http λλ express)λ₯Ό ꡬννμ§ μμ κ²½μ° λ΄κ° νλ Έλ€λ©΄ μ μ νμμμ€. λ§ν¬ κ΅¬μ± μμλ "/profile?id=123&action=edit"μ κ°μ 쿼리 λ¬Έμμ΄ λ§€κ°λ³μλ§ μ§μν©λλ€. μ λ§μ΄ λ§μ΅λκΉ?
"/profile/:id"μ κ°μ url 맀κ°λ³μ ν¨ν΄μΌλ‘ μμ
νλ €λ©΄ μ¬μ©μ μ μ μλ²λ₯Ό ꡬνν΄μΌ ν©λλ€... μμ λ₯Ό ν΅ν΄ μΆμΈ‘ν μ μμλ μ΅κ³ μμ΅λλ€...
κ·Έλ λ€λ©΄ "/profile/:id/edit"μ κ°μ ν¨ν΄μ μ΄λ»κ² ꡬννμκ² μ΅λκΉ?
'parameterized-routing' μμ μμ index.jsλ λ€μκ³Ό κ°μ λ§ν¬λ₯Ό μ¬μ©ν©λλ€.
<Link href='/blog?ip=first' as='/blog/first'><a>My first blog post</a></Link>
server.jsμμ νμν μν¬νλ‘κ° λ¬΄μμΈμ§ ν΄λ
ν μ μμμ΅λλ€.
server.jsλ const match = route('/blog/:id')
μ μΈν©λλ€.
κ·Έλ¦¬κ³ μ νν μ£Όμ νμμ€λ‘ κ°λ κ²μ΄ 무μμΈμ§ λΆλΆλͺ
νκ³ λ°μ κ΅¬μ± μμμ νΈμλλ λ°μ΄ν°λ 무μμ
λκΉ?
"/profile/:id/edit"μ κ°μ κ²½λ‘λ₯Ό μ΄λ»κ² μ²λ¦¬ν©λκΉ?
μΌλ°μ μΈ λ°©μμΌλ‘ λ§μ κ²½λ‘λ₯Ό μ²λ¦¬νλ λ°©λ²
λν λ λλ§νκΈ° μ μ db λ°μ΄ν°λ₯Ό κ°μ Έμ€λ κ²½μ° κ°μ Έμ¨ λ°μ΄ν°λ₯Ό λ°μ κ΅¬μ± μμμ μ λ¬νλ λ°©λ²μ 무μμ
λκΉ?
μ΄ λͺ¨λ κ²μ μ½κ° λͺ¨νΈνλ©° μ±κ³΅νμ§ λͺ»ν μ± λ΄ κΈΈμ μΆμΈ‘νλ €κ³ ν λ κ·νμ λμμ μ§μ¬μΌλ‘ κ°μ¬λ립λλ€.
κ°μ¬ν©λλ€
μ‘°κΈ μ΄λ €μ Έ
μ’μ μ§λ¬Έ λͺ¨μμ
λλ€.
λ¬Έμμ λν μ 보λ₯Ό λ μΆκ°νκ² μ΅λλ€.
μ§κΈμ λ€μκ³Ό κ°μ΄ μκ°νμμμ€.
/blog?id=first
)blog/:id
μ°Έμ‘°<Link href='/blog?id=first' as='/blog/first' />
@arunoda κ°μ¬ν©λλ€!
κ°λ¨νκ³ λͺ
νν©λλ€.
μμ²λ. μ΄ λ¬Έμ λ₯Ό λ«μ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
μ’μ μ§λ¬Έ λͺ¨μμ λλ€.
λ¬Έμμ λν μ 보λ₯Ό λ μΆκ°νκ² μ΅λλ€.
μ§κΈμ λ€μκ³Ό κ°μ΄ μκ°νμμμ€.
/blog?id=first
)blog/:id
μ°Έμ‘°<Link href='/blog?id=first' as='/blog/first' />