π‘
1. ν νλ¦Ώ μμ§μ λν κ°λ μ λ§ν μ μλ€.
2. SSR, CSRμ λν κ°λ μ μ€λͺ ν μ μλ€.
ν νλ¦Ώ μμ§μ΄λ?
- ν νλ¦Ώ μμ§(Template Engine)μ μ μ νμΌ(μ: HTML, XML λ±)μ λμ μΌλ‘ λ³νν μ μλ λꡬμ λλ€. μλ²μμ λ°μ΄ν°λ₯Ό λ°μ, λμ μΈ μ½ν μΈ λ₯Ό μμ±νκΈ° μν΄ ν νλ¦Ώ νμΌμ λ³μλ ννμμ μ½μ ν΄ μ²λ¦¬νλ μν μ ν©λλ€. μ΄λ₯Ό ν΅ν΄ μλ²κ° ν΄λΌμ΄μΈνΈμ λμ μΉ νμ΄μ§λ₯Ό μλ΅ν μ μκ² λ©λλ€.
μν
- λμ μΉ νμ΄μ§ μμ±: μλ²μμ HTML ν νλ¦Ώ νμΌμ κ°μ Έμ, μλ²μμ μ²λ¦¬λ λ°μ΄ν°λ₯Ό μ½μ νμ¬ ν΄λΌμ΄μΈνΈμκ² λμ μΈ μΉ νμ΄μ§λ₯Ό μ μ‘ν©λλ€.
- μ½λ μ¬μ¬μ©μ±: μ¬λ¬ μΉ νμ΄μ§μμ λμΌν ꡬ쑰λ λμμΈμ μ¬μ©νλ κ²½μ°, ν νλ¦Ώ μμ§μ μ¬μ©νλ©΄ 곡ν΅λ λ μ΄μμμ μ½κ² μ¬μ¬μ©ν μ μμ΅λλ€.
ν νλ¦Ώ μμ§μ μ’ λ₯
- μλ²μ¬μ΄λ ν νλ¦Ώ μμ§(SSR): μλ²μμ HTMLμ λ λλ§νκ³ , λ°μ΄ν°κ° μ½μ λ HTMLμ ν΄λΌμ΄μΈνΈμκ² μ μ‘ν©λλ€. (Thymeleaf, JSP, Freemarker …)
- ν΄λΌμ΄μΈνΈμ¬μ΄λ ν νλ¦Ώ μμ§(CSR): ν΄λΌμ΄μΈνΈ(λΈλΌμ°μ )μμ λ°μ΄ν°λ₯Ό λ°μ, ν νλ¦Ώμ λ λλ§νμ¬ λμ μΈ νμ΄μ§λ₯Ό μμ±ν©λλ€.(React, Vue.js)
SSR(Server-Side Rendering, μλ²μ¬μ΄λ λ λλ§) λμ μ리