μλ² μ¬μ΄λ μΈμ΄ λ° νλ«νΌκ³Όμ ν΅ν© μμ λ₯Ό 보μ¬μ£Όλ GitHub μ μ₯μ λͺ©λ‘μΌλ‘, JavaScript, Python, Java λ± λ€μν μΈμ΄μ νλ«νΌμ΄ ν¬ν¨λμ΄ μμ΅λλ€.
μλλ μ΅μνμ HTML λ° μ€νμΌλ§μΌλ‘ htmxμμ ꡬνλ UX ν¨ν΄λ€μ λλ€.
μ΄ ν¨ν΄λ€μ 볡μ¬νμ¬ λΆμ¬λ£μ ν νμμ λ§κ² μ‘°μ ν μ μμ΅λλ€.
ν¨ν΄ | μ€λͺ |
---|---|
ν΄λ¦νμ¬ νΈμ§νκΈ° | λ°μ΄ν° κ°μ²΄μ μΈλΌμΈ νΈμ§μ μμ°ν©λλ€. |
μΌκ΄ μ λ°μ΄νΈ | μ¬λ¬ λ°μ΄ν° νμ μΌκ΄ μ λ°μ΄νΈνλ λ°©λ²μ μμ°ν©λλ€. |
ν΄λ¦νμ¬ λ‘λνκΈ° | ν μ΄λΈμμ λ λ§μ νμ λ‘λνκΈ° μν΄ ν΄λ¦νλ λ°©λ²μ μμ°ν©λλ€. |
ν μμ | ν μ΄λΈμμ νμ μμ νλ λ°©λ²μ μμ°ν©λλ€. |
ν νΈμ§ | ν μ΄λΈμμ νμ νΈμ§νλ λ°©λ²μ μμ°ν©λλ€. |
μ§μ° λ‘λ© | μ½ν μΈ λ₯Ό μ§μ° λ‘λνλ λ°©λ²μ μμ°ν©λλ€. |
μΈλΌμΈ μ ν¨μ± κ²μ¬ | νλμ μΈλΌμΈ μ ν¨μ± κ²μ¬λ₯Ό μννλ λ°©λ²μ μμ°ν©λλ€. |
무ν μ€ν¬λ‘€ | νμ΄μ§μ 무ν μ€ν¬λ‘€μ μμ°ν©λλ€. |
μ€μκ° κ²μ | μ€μκ° κ²μ μμ ν¨ν΄μ μμ°ν©λλ€. |
μ§ν νμμ€ | μμ μ€νκ³Ό κ°μ μ§ν νμμ€μ μμ°ν©λλ€. |
κ° μ ν | λ€λ₯Έ μ ν νλͺ©μ λ°λΌ μ ν νλͺ©μ κ°μ μ€μ νλ λ°©λ²μ μμ°ν©λλ€. |
μ λλ©μ΄μ | λ€μν μ λλ©μ΄μ κΈ°λ²μ μμ°ν©λλ€. |
νμΌ μ λ‘λ | μ§ν νμμ€κ³Ό ν¨κ» Ajaxλ₯Ό ν΅ν΄ νμΌμ μ λ‘λνλ λ°©λ²μ μμ°ν©λλ€. |
νΌ μ€λ₯ ν νμΌ μ λ ₯ μ μ§ | νΌ μ€λ₯ ν νμΌ μ λ ₯μ μ μ§νλ λ°©λ²μ μμ°ν©λλ€. |
λν μμ - λΈλΌμ°μ | ν둬ννΈ λ° νμΈ λν μμλ₯Ό μμ°ν©λλ€. |
λν μμ - UIKit | UIKitμ μ¬μ©ν λͺ¨λ¬ λν μμλ₯Ό μμ°ν©λλ€. |
λν μμ - λΆνΈμ€νΈλ© | λΆνΈμ€νΈλ©μ μ¬μ©ν λͺ¨λ¬ λν μμλ₯Ό μμ°ν©λλ€. |
λν μμ - 컀μ€ν | 컀μ€ν λͺ¨λ¬ λν μμλ₯Ό μ²μλΆν° μμ°ν©λλ€. |
ν (HATEOAS μ¬μ©) | HATEOAS μμΉμ μ¬μ©νμ¬ νμ νμνκ³ μ ννλ λ°©λ²μ μμ°ν©λλ€. |
ν (JavaScript μ¬μ©) | JavaScriptλ₯Ό μ¬μ©νμ¬ νμ νμνκ³ μ ννλ λ°©λ²μ μμ°ν©λλ€. |
ν€λ³΄λ λ¨μΆν€ | htmxκ° νμ±νλ μμμ λν΄ ν€λ³΄λ λ¨μΆν€λ₯Ό μμ±νλ λ°©λ²μ μμ°ν©λλ€. |
λλκ·Έ μ€ λλ‘ / μ λ ¬ κ°λ₯ | htmxλ₯Ό Sortable.js νλ¬κ·ΈμΈκ³Ό ν¨κ» μ¬μ©νμ¬ λλκ·Έ μ€ λλ‘ μ¬μ λ ¬μ ꡬννλ λ°©λ²μ μμ°ν©λλ€. |
λ€λ₯Έ μ½ν μΈ μ λ°μ΄νΈνκΈ° | λμ μμ μΈμ μ½ν μΈ λ₯Ό μ λ°μ΄νΈνλ λ°©λ²μ μμ°ν©λλ€. |
νμΈ μλ¦Ό | htmxλ‘ μ»€μ€ν νμΈ λν μμλ₯Ό ꡬννλ λ°©λ²μ μμ°ν©λλ€. |
λΉλκΈ° μΈμ¦ | htmxμμ λΉλκΈ° μΈμ¦ ν ν°μ μ²λ¦¬νλ λ°©λ²μ μμ°ν©λλ€. |
μΉ μ»΄ν¬λνΈ | μΉ μ»΄ν¬λνΈ λ° μλμ° DOMκ³Ό htmxλ₯Ό ν΅ν©νλ λ°©λ²μ μμ°ν©λλ€. |
For common practices see the Hotwire / Turbo to htmx Migration Guide.