π μλ‘κ² νμ΅ν React SPA, μ΄μ νμ΅λ€μ λΉν΄ μ΄λ ΅μ§ μμ κ°λ
μ΄μμ§λ§ React SPA κ°μ
, React SPA κ°λ
, μ₯λ¨μ
μ λν΄ κ°λ¨νκ² μ 리νλ©° 볡μ΅νκ³ μ νλ€.
β μΉνμ΄μ§μμλ νμ΄μ§λ₯Ό λ‘λ©ν λλ§λ€ μλ²μ 미리 μ€λΉλμ΄ μλ νμ΄μ§λ₯Ό μ λ¬ λ°μμμ λ λλ§μ νλ€. νμ§λ§, κ·λͺ¨κ° 컀μ§μλ‘ μ¬μ©μμμ μνΈ μμ©μ΄ λ§μμ§κ³ μλ μ ν λ±μ λ¬Έμ κ° λ°μνκ² λλ€.
κ·Έλμ HTML λ¬Έμ μ μ²΄κ° μλ, μ λ°μ΄νΈμ νμν λ°μ΄ν°λ§ μλ²μμ μ λ¬λ°μ μ΄ λ°μ΄ν°λ₯Ό JavaScriptκ° λμ μΌλ‘ HTML μμλ₯Ό μμ±ν΄μ νλ©΄μ 보μ¬μ£Όλ λ°©μμ΄ κ°λ°λμ΄ μ¬μ©λκΈ° μμνμλ€. μ΄κ²μ΄ μ±κΈ νμ΄μ§ μ ν리μΌμ΄μ SPAμ λ±μ₯μ΄λ€.
β
SPA
λ μλ²λ‘λΆν° μμ ν μλ‘μ΄ νμ΄μ§λ₯Ό λΆλ¬μ€λ κ²μ΄ μλλΌ,
νλ©΄μ μ λ°μ΄νΈνκΈ° μν΄ νμν λ°μ΄ν°λ§ μλ²μμ μ λ¬λ°μ
λΈλΌμ°μ μμ ν΄λΉνλ λΆλΆλ§ μ λ°μ΄νΈνλ λ°©μμΌλ‘
μλνλ μΉ μ ν리μΌμ΄μ μ΄λ μΉ μ¬μ΄νΈλ₯Ό λ§νλ€.
1) μ¬μ©μμμ μΈν°νμ΄μ€μ λΉ λ₯΄κ² λ°μνλ€
2) μλ² κ³ΌλΆν λ¬Έμ κ° νμ νκ² μ€μ΄λ λ€
3) λ λμ μ μ κ²½νμ μ 곡νλ€
π SPA λ°©μμΌλ‘ μ μλ μλΉμ€λ€ : Youtube,facebook, Gmail, airbnb, Netflix λ±
π κ°μ₯ ν° μ₯μ : μλ°μ€ν¬λ¦½νΈλ₯Ό μ¬μ©ν΄μ μΉ λ¬Έμμ μ¬λ¬ interactionμ λΆμ¬ν μΉ μ ν리μΌμ΄μ ννλ‘ μ¬μ©ν μ μλ€λ μ (λλΆλΆμ λμμ μλ°μ€νΈλ¦½νΈμ μμ‘΄νμ¬ μλ)
1) JavaScript νμΌ ν¬κΈ°κ° 컀μ, 첫 νλ©΄ λ‘λ© μκ°μ΄ κΈΈλ€
2) HTML νμΌμ λ³λ€λ₯Έ μλ£κ° μμ΄, κ²μ μμ§ μ΅μ νκ° μ’μ§ μλ€