Section4 Unit2 [μλ‘ νλ‘μ νΈ] COZ Shopping
π Chapter1. μλ‘ νλ‘μ νΈ
λ³Έ νλ‘μ νΈ μ μ κ°λ¨ν μ§ννλ μλ‘ νλ‘μ νΈκ° μμλμλ€.
• μ€νλ¦°νΈ κΈ°κ°μ 5μΌ (νμΌλ§ / μ€λλΆν° λ€μμ£Ό μμμΌκΉμ§)
• 첫 λ μ νλλ λ°μ΄, λ§μ§λ§ λ μ νκ³ λ°μ΄
• μ΄λ² κ³Όμ λ μ μμΌ λ°©λ²λ‘ κ³Ό μ€ν¬λΌλ³΄λλ₯Ό νμ©ν νλ‘μ νΈλ‘, νΌμ μμ νλ μλ‘ νλ‘μ νΈμ΄μ§λ§ κΉκ³Ό κΉνλΈλ₯Ό μ κ·Ή νμ©νλ€.
• λ, μ΄λ² κ³Όμ λ Reactλ₯Ό μ¬μ©ν΄ μ£Όμ΄μ§ μꡬμ¬νμ λ§μ‘±νλ μν리μ€νΈ νμ΄μ§, κ·Έλ¦¬κ³ μ¬μ©μκ° λΆλ§ν¬ ν μνλ€μ μ‘°νν μ μλ λΆλ§ν¬ νμ΄μ§λ₯Ό ν¬ν¨νλ SPA μ±μ ꡬννλ κ²μ΄ λͺ©μ μ΄λ€.
• μ΄λ² μλ‘ νλ‘μ νΈμμμ λμ λͺ©νλ,
• κΉνλΈ μ¬μ© μ΅μν΄μ§κΈ° (branch, push, pull request, merge λ±μ μμ λ€)
• μκ° λ΄μ ꡬν μλ£ ν κ³Όμ μ 리
• κ·Έλ¦¬κ³ νΉλ³ν κ² μμ΄ λ¦¬μ‘νΈλ‘ ꡬνμ΄λ μνμλ κ²!
μ΄λ² μλ‘ νλ‘μ νΈλ κ³Όμ μ μ λ¦¬ν΄ λ°λ‘ κΈμ μΈκΉ νλ€. λͺ©νμ λ°°μ λ μ λ€, μκ² λ λΆλΆκ³Ό ꡬν κ³Όμ μμμ μ΄λ €μ λ λΆλΆλ€μ λ°λ‘ κΈ°λ‘ν΄λλ©΄ μ’μ κ² κ°λ€λ μκ°μ΄ λ€μλ€. μ°μ λ Έμ μΌλ‘ μ 리νκ³ , μΆνμ λΈλ‘κ·Έμλ μ¬λ¦¬κ²λμ§ μμκΉ?!
π Chapter2. μννΈμ¨μ΄ κ°λ°λ°©λ²λ‘
• μννΈμ¨μ΄ κ°λ°μ λν 체κ³μ μΈ μ κ·Ό λ°©μμΌλ‘, μννΈμ¨μ΄ κ°λ° κ³Όμ μ νμν λ¨κ³, νλ, μ°μΆλ¬Ό, μμ λ±μ μ μνκ³ μ€λͺ
νλ κ²μ΄ μννΈμ¨μ΄ κ°λ° λ°©λ²λ‘ μ΄λ€.
• μννΈμ¨μ΄ κ°λ° λ°©λ²λ‘ μ μΌλ°μ λ¨κ³: μꡬμ¬ν λΆμ → μ€κ³ → ꡬν → ν μ€νΈ → μ μ§λ³΄μ
• λνμ μΌλ‘ μ¬μ©λλ μννΈμ¨μ΄ κ°λ° λ°©λ²λ‘ μλ νν¬μ λͺ¨λΈκ³Ό μ μμΌ λͺ¨λΈμ΄ μλ€.
μ΄λ² νλ‘μ νΈμμ μ§νλ μ μμΌ λͺ¨λΈμ λν΄ μμ보μ.
• μ μμΌ λͺ¨λΈ(Agile Model)
• κ³ κ°μ νΌλλ°±μ λΉ λ₯΄κ² λ°μνλ©°, μ¦μ λ³νμ μ μ°νκ² λμνλ λͺ¨λΈ
• μμ λ¨μλ‘ κ°λ°νκ³ ν μ€νΈνλ©° μ§μμ μΌλ‘ κ°μ νλ λͺ¨λΈ
• μ¬μ©μμ μꡬμ¬ν μΌλΆλΆ νΉμ μ νμ μΌλΆλΆμ λ°λ³΅μ μΌλ‘ κ°λ°νμ¬ μ΅μ’ μμ€ν μΌλ‘ μμ±νλ λͺ¨λΈ
• μꡬμ¬νμ΄ μμ£Ό λ°λκ³ νμ μ΄ λ§μ΄ νμν νλ‘μ νΈμ μ ν©
μ μμΌ λ°©λ²λ‘ μ μꡬμ¬νμ΄ λ³ννλ κ²μ λΉμ°ν μ μ λ‘ λκ³ , λ³ννλ μꡬμ¬νμ 민첩νκ² λμνλ©° κ°λ°μ μννλ μννΈμ¨μ΄ κ°λ° λ°©λ²λ‘ μ΄λ€. λ¬Έμμ μμ‘΄νκΈ°λ³΄λ€ μ½λ μ§ν₯μ μΌλ‘ ν¨μ¨μ μΈ κ°λ°μ μ§ν₯νλ λͺ©μ μμ νμνλ€.
μ μμΌ λ°©λ²λ‘ κ³Ό λλΉλλ νν¬μ λ°©λ²λ‘ μ μꡬλΆμλΆν° κΈ°ν, κ°λ°, ν μ€νΈ, μΆμκΉμ§ μμ°¨μ μΌλ‘ μ§ννμ¬ λ§μΉ νν¬κ° λ¨μ΄μ§λ μμΌλ‘ μμ°¨μ μΈ λ¨κ³λ₯Ό λ°λ μ ν΅μ μΈ κ°λ° λ°©λ²λ‘ μΌλ‘, κΈ°νλ¨κ³μμ νλ‘μ νΈ μ 체λ₯Ό λμμΌλ‘ νλλμ μ§νν ν νλ‘μ νΈ μ 체μ λν κΈ°νλ¬Έμκ° λμ¨ ν μΌκ΄μ μΌλ‘ κ°λ°μ λ€μ΄κ°λ μ§νλ°©μμ λκ³ μμ΄, κ°λ°μ μ§ννλ©΄μ λ°μνλ κΈ°νλ¨κ³μμ μμΈ‘ν μ μλ μ΄μλ€μ λν΄ μ μ°νκ² λμνκΈ° μ΄λ ΅λ€. μ΄μ²λΌ νν¬μ λ°©λ²λ‘ μ μꡬλΆμ, κΈ°νλ± μ 체 νλ‘μ νΈμ λν λͺ¨λ λ¬Έμλ₯Ό λ§λ€κ³ , ν΄λΉ μμ λ€μ΄ λͺ¨λ λλ μ΄ν κ°λ°μ λ€μ΄κ°κΈ° λλ¬Έμ κ³ κ°μ μꡬμ λ―Όκ°νκ² λ°μνκΈ° μ΄λ ΅λ€.
λ°λ©΄ μ μμΌ λ°©λ²λ‘ μ λ¬Έμκ° μλ μ½λλ‘ λ³΄μ¬μ£Όλ κ²μ΄ μ€μμλκ³ , μ μ²΄κ° μλ κΈ°λ₯ λ¨μμ νλ‘ν νμ μ κΈ°λ°μΌλ‘ κ°λ°μ΄ μ§νλκΈ° λλ¬Έμ μ’ λ μμ λ¨μλ‘ κ°λ°μ ν΄μ, ν΄λΉ λΆλΆμ μ§μ κ³ κ°μκ² μ 보μ΄κ³ νΌλλ°±μ λΉ λ₯΄κ² μ λ¬λ°μ μμ μ΄λ μ΄μμ²λ¦¬μ λν κΈ°λ―Όν λμμ΄ κ°λ₯νλ€.
μ μμΌ λ°©λ²λ‘ μ ꡬ체ννκΈ° μν΄ μ€ν¬λΌ(Scrum)κ³Ό μΉΈλ°(Kanban)μ μ¬μ©ν μ μλ€.
π Chapter3. νλ‘μ νΈ μꡬμ¬ν λΆμ
μ μμΌμμμ νλ‘μ νΈ μꡬμ¬ν λΆμμ μ 체 μ€νλ¦°νΈμ λν΄ λͺ¨λ νκΊΌλ²μ μ§ννλ κ²μ΄ μλλΌ, 맀 μ€νλ¦°νΈ νλλ λΉμΌ ν΄λΉ μ€νλ¦°νΈ λμ μ§νν κΈ°λ₯μ λν΄ κΈ°ν λ¬Έμ λ° λμμΈ λͺ©μ μ μ°Έκ³ νμ¬ μꡬμ¬νμ λμΆνλ€.
λ°λΌμ μ€νλ¦°νΈ κΈ°κ°λ§λ€ ν λ²μ© μ§νλλ μμ μ΄λ©°, μ€νλ¦°νΈμ λ¨μμ λ°λΌ μμ κΈ°κ°μ λ¬λΌμ§ μ μμ§λ§ ν΄λΉ μ€νλ¦°νΈμ νλλ λ μ μ§νλλ μμ μ€ νλμ΄λ€.
μ€νλ¦°νΈ κΈ°κ°μ νλ§λ€ λ€λ₯΄μ§λ§ λ³΄ν΅ 2μ£Όμμ 4μ£Όλ₯Ό νλμ μ€νλ¦°νΈ μμ κΈ°κ°μΌλ‘ μ€μ νλ©°, λ³΄ν΅ μ€νλ¦°νΈ μ²«λ μ νλλ λ°μ΄, λ§μ§λ§ λ μ νκ³ λ°μ΄λ‘ μ‘λλ€.
νλ‘μ νΈ μꡬμ¬ν λΆμ λ¨κ³
1. λλ΅μ μΈ κΈ°λ₯ μ μ λ¨κ³ - μ΄λ² μ€νλ¦°νΈ κΈ°κ° λ΄μ μ§νν μ μμ΄ λ³΄μ΄λ λλ΅μ μΈ κΈ°λ₯ λ° νμ΄μ§ μ μ
2. κ° κΈ°λ₯ ꡬ체ν λ¨κ³ - μΈλΆ κΈ°λ₯μ ꡬ체ννκ³ , κ²°μ ν κ²λ€μ μ΄μ ν°μΌμ descriptionμΌλ‘ μμ±νλ κ²μ΄ μ΄μμ μΈ νλλ
3. μ΄μ ν°μΌ μμ± λ° νλλ ν¬μ»€ λ¨κ³ - μ€ν¬λΌ 보λμ Backlogμ μ΄μ ν°μΌμ μμ±νκ³ , μΈλΆ μ¬νλ€μ μμ±. μ°μ μμλ₯Ό κΈ°μ€μΌλ‘ ν°μΌμ΄ μ λ ¬λλ©°, νλλ ν¬μ»€(μμ μμ μκ° μ€μ )λ₯Ό νλ€.
4. μ€νλ¦°νΈ λ²μ μ€μ λ¨κ³ - μ€νλ¦°νΈ κΈ°κ° λμ ν루μ μ§μ€ κ°λ₯ν μ΄ μμ μκ° κ³μ°. (λ³΄ν΅ ν루 5μκ° μ λ) μ΄ μμ μκ°μ ν΄λΉ ν°μΌμ μμ μκ°κ³Ό λΉκ΅νμ¬ ν΄λΉ μ€νλ¦°νΈ κΈ°κ° λμ ν΄μΌν μμ μ μ νλ€.
π μ€λμ νκ³
μ€λλΆν° 5μΌλμ μλ‘ νλ‘μ νΈ κΈ°κ°μ κ°μ§κ² λμλ€. 본격μ μΈ νλ‘μ νΈμ λ€μ΄κ°κΈ° μ μ μ½κ° 체νν(?) κ°μ λλμ νλ‘μ νΈμΈλ°λ λκ·Όλκ·Όπ μλ£κ΅¬μ‘° μκ³ λ¦¬μ¦ λ¬Έμ νΈλ κ²λ³΄λ€ λ°±λ§λ°°λ λ μ¬λ―Έμμ κ² κ°λ€.
λμμΈ νμΌκ³Ό μꡬμ¬νμ μ½λμ€ν μ΄μΈ μΈ‘μμ λ€ μ€λΉν΄μ£ΌκΈ° λλ¬Έμ UIμ κΈ°λ₯ ꡬνλ§ νλ©΄ λλ κ°λ¨ν μΌνλͺ° μ¬μ΄νΈλ₯Ό λ§λλ νλ‘μ νΈμλ€.
λμμΈ νμΌ λ³΄κ³ κ·Έλ₯ μμνλ©΄ λλκ±΄μ€ μμλλ°, μκ°λ³΄λ€ μΈν ν κ²λ λ§κ³ μꡬμ¬νλ λ§μμ μ€λμ νλ£¨μ’ μΌ μ΄λ€ μμΌλ‘ μ§ννκ³ , κ³νμ μ§λ νλλ λ°μ΄λ‘ 보λλ€. νλ‘μ νΈ μμ μ μ λΌμ΄λΈ μΈμ μμ κ°μ¬λμ΄ μΈκΈν λΆλΆλ€κ³Ό μ μ΄ν΄λμ€μμ μ 곡ν νμ΅μλ£λ λμΆ©(?) μ½μ΄λ³΄λ μ μμΌ λ°©λ²λ‘ μΌλ‘ μ§ννλ©°, μ€μ λ‘ λ€λ₯Έ μ¬λλ€κ³Ό ν¨κ» μμ νλ κ²μ²λΌ κΉκ³Ό κΉνλΈλ₯Ό μ¬μ©νκΈ°λ₯Ό κΆμ₯νλ€.
Agileμ΄λΌλ λ¨μ΄λ λ§μ΄ λ€μ΄λ΄€μ§λ§ κ·Έκ² λ¬΄μ¨ λ»μΈμ§ μ°Ύμλ³Ό μκ°μ μ ν νμ§ μμμλ€. μ μ§ μ΄λ €μ΄ κ°λ°μ©μ΄μΌκ±°λΌ μκ°ν΄μ, κ²μν΄λ΄€μ λ΄κ° μ΄ν΄ λͺ»ν λ΄μ©μ μ΄λ ν κ²μΈμ§ μμλ€..π« κ·Έλ°λ° μ μμΌμ΄λΌλ κ²μ΄ μννΈμ¨μ΄ κ°λ° λ°©λ²λ‘ μ΄μλ€λ..
μ¬νΌ μ μμΌ λ°©λ²λ‘ λ, κΉνλΈμμ νλ‘μ νΈλ₯Ό μμ±νμ¬ μ€ν¬λΌ 보λλ₯Ό νμ©ν΄ νλλμ νλ κ²λ, λΈλμΉλ₯Ό μμ±ν΄ μμ μ λ°λ‘ μ§νν ν merge νλ κ²λ μ λΆ λ€ μ²μμ΄λΌ μ΅νλλ° μκ°μ΄ μ’ κ±Έλ Έλ€.
μμ νλ‘μ νΈμ§λ§ κ³Όμ μ κΈ°λ‘λ ν΄λκ³ μΆμ΄μ λ Έμ μ μ 리νλ κ²κΉμ§λ μκ°μ΄ μ μ§ μκ² μμλμλ€. μ΄μ λλ΅ μ 리λ λμμΌλ μ½λλ₯Ό μ³λ³ΌκΉ!
'Frontend Dev > π₯ μ½λμ€ν μ΄μΈ FE λΆνΈμΊ ν' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
Section4 Unit3 [React] μ¬ν - μ½λλΆν κ³Ό React.lazy() & Suspense (0) | 2023.07.20 |
---|---|
Section4 Unit3 [React] μ¬ν - Virtual DOMκ³Ό React Hooks (0) | 2023.07.18 |
Section4 Unit1 [μλ£κ΅¬μ‘°/μκ³ λ¦¬μ¦] κΈ°μ΄ - Tree, Graph (0) | 2023.07.10 |
Section4 Unit1 [μλ£κ΅¬μ‘°/μκ³ λ¦¬μ¦] κΈ°μ΄ - Stack, Queue (0) | 2023.07.07 |
Section3 νκ³ , μΌμ£ΌμΌ κ°μλ ν λ¬ (1) | 2023.07.06 |