νλ‘ νΈμλ?
Front-end. μΉ νλ‘κ·Έλλ°μ ν λΆμΌ. λ°λλ§μ λ°±μλ.
νλ‘ νΈμλ κ°λ°μλ νλ‘ νΈμλ, λ°±μλμ μμ ν λΆλ¦¬ ꡬ쑰λ₯Ό μ§ν₯νλ μ
무 μ€νμΌμ κ°λ° λ°©μμΌλ‘μ¨ νλ‘ νΈλ¨μ λΉμ§λμ€ λ‘μ§κ³Ό μ¬μ©μ μμμ κ°λ°μ λ΄λΉνλ μ¬λμ΄λ€. μ΄μ λ€λ₯Έ λ°©μμ μ
무 μ€νμΌ μ§κ΅°μΌλ‘λ μΉνΌλΈλ¦¬μ
(uiκ°λ°)μ κ°λ°μ(μλ² κ°λ°μ)μ μ
무 λΆλ¦¬ λ°©μμ΄ μλ€. μ΄ κ²½μ°λ μ£Όλ‘ μλ²μ¬μ΄λκ° ν΄λΌμ΄μΈνΈλ₯Ό κ°μΈλ λ°©μμ΄λ€. MVCλ‘ μΉλ©΄ View λΆλΆμ ν΄λΉνλ μμμ 맑λλ€.
- μΆμ² λ무μν€
κ·Έλ μ£ , μ μ λ κ² μ²λΌ νλ‘ νΈμλλ κ°λ°μκ° μλ μ¬λλ€μ΄ κ°μ₯ λ§μ΄ μ νλ κ·Έ μΉνμ΄μ§!! μ¬μ©μ μΈν°νμ΄μ€ λΆλΆμ λ§ν©λλ€.
νλ‘ νΈμλ κ°λ°μλ‘ μΌνκΈ° μν΄μλ JavaScript, CSS, HTML μ λ€λ£° μ€ μμμΌ νλ©°
μ½ν
μΈ λ₯Ό μΉνμ΄μ§μ λ°°μΉνκ³ λ μ΄μμμ μμ μμ¬λ‘ λ€λ£° μ€ μμμΌ ν©λλ€. πππ»
λ°±μλ?
Back-end. λ°λλ§μ νλ‘ νΈμλ.
λ°±μλ κ°λ°μλ νλ‘ νΈμλ, λ°±μλμ μμ ν λΆλ¦¬ ꡬ쑰λ₯Ό μ§ν₯νλ μ
무 μ€νμΌμ κ°λ° λ°©μμΌλ‘μ λ°±μλμ DBμ API μλ² κ°λ°μ 맑λλ€. μ΄μ λ€λ₯Έ λ°©μμ μ
무 μ€νμΌ μ§κ΅°μΌλ‘λ μΉνΌλΈλ¦¬μ
(UI κ°λ°)μ κ°λ°μ(μλ² κ°λ°μ)μ μ
무 λΆλ¦¬ λ°©μμ΄ μλ€. μ΄ κ²½μ°λ μ£Όλ‘ μλ²μ¬μ΄λκ° ν΄λΌμ΄μΈνΈλ₯Ό κ°μΈλ λ°©μμ΄κ³ , μ λ°μ μΈ λΉμ§λμ€ λ‘μ§μ κ°λ°μκ° λ§‘λλ€. MVCμμ Model, Controllerκ° λ°±μλμ μκ΄μ΄λ€.
- μΆμ² λ무μν€
λ°±μλλ API κ°λ°, νλ‘ νΈμμ μ λ¬ν λ°μ΄ν°λ₯Ό λ°μ΄ν°λ² μ΄μ€μ λ£λ λ± μ¬μ©μκ° λ³΄μ§ μλ λ·λ¨μ μμ μ λ§ν©λλ€.
λ°±μλλ‘λ μ¬λ¬κ°μ§ μΈμ΄κ° μλλ°, μ΄ κ°μμμλ μλ° μ€νλ§ νλ μμν¬λ₯Ό μ¬μ©νλ€κ³ ν©λλ€!
νλ‘ νΈμλμ λ°±μλλ λ°λ‘ λ¨μ΄μ Έμκ±°λ, μνκ΄κ³λ₯Ό μ΄λ£¨κ³ μλκ²μ΄ μλλλ€.
νλ‘ νΈ μλμ λ°±μλ λͺ¨λ λ§€μ° μ€μν©λλ€. (κ°λ.. λ°±μλλ₯Ό λ κ³ κΈκΈ°μ λ‘ μκ°νλ λΆμ΄ μ’
μ’
μΆννμ¬..)
νμ λ
μλ€ νμ΄ν
!~~~~!!!!