22.10.07 μμ
μκ° μ€ κ³΅λΆν λ΄μ©λ€μ μ 리νμμ΅λλ€ π
νΌλλ°±μ μΈμ λ νμμ
λλ€! π
- ν΄λ¦° μ½λλ μ€λͺ
ν μ μλ μ½λμ΄λ€.
- λ€λ₯Έ μ¬λλ€μ μ§λκ° λΉ¨λ¦¬ λκ°λ€κ³ μ‘°κΈν΄ ν νμκ° μλ€. μ§μ κ²Έμν¨μ κ°μ§κ³ λμ νμ΄μ€λλ‘ κ°μ!
- ν° νμ μ‘κ³ λν
μΌμ μ±μλκ°λ λ°©μ (divide & conquer) μ΄λ κ²½ν λΆμ‘±μΌλ‘ μΈν¨ β μ΄λ₯Ό μ°μ΅νκΈ° μν΄μλ νλ‘μ νΈ μ΅μν 5λ²μ΄μμ ν΄μΌ νλ€.
- μ§κΈμ cssμ javascriptκ° ν¨κ»νμ¬ DOMContentLoadedμ load μ΄λ²€νΈλ₯Ό ν΄κ²°νκ³ μλλ° μ΄λ μ’μ§ μμ λ°©μμ΄λ€. μλ°μ€ν¬λ¦½νΈκ° μ΄κΈ°λ λλ§μΈ μνλ₯Ό μλ©΄ λλ€ β μ΄κΈ° λ λλ§ μνλ₯Ό λ³μλ‘ κ°μ§κ³ μλλ€.
- HTMLμ μ μ μΌλ‘ λ€κ³ μλ κ²μ΄ μ’μ κ²μΈκ°?
- SPA vs MPA
- λͺ¨λν μΉμ SPAλ₯Ό μ¬μ©νμ§ μλλ€.
- μμ¦μ MPAλ₯Ό μ¬μ©νλ€. μ¦, HTMLμ 미리 λ§λ€μ΄μΌ νλ€. μ΄λ₯Ό ν΄κ²°νκΈ° μν΄μ react β Next.js λ₯Ό μ¬μ©νλ€.
- SSG(Static Site Generation) 미리 reactκ° λμμ HTMLμ μμ±νλ€.
- SSR(Server Side Rendering)
- μΌλΆλ μ μ μΌλ‘ λμ μΌλ‘ μμ±λλ κ²μ λ°λμ§νμ§ μλ€.
2nd Pair Programming μ 체 νκ³
νμ΄νλ‘κ·Έλλ° κ΄λ ¨
- λ°©μ
- μ²μμλ μ΅λν λ€λΉκ²μ΄ν° & λλΌμ΄λ² λ°©μμΌλ‘ μ§νμ νμλ€.
- νμ§λ§ κ·Έλ¬λ€λ³΄λ ꡬν λ°©λ²μ μ°Ύκ²λμ΄ λ§ν΄μ£Όλ©΄ μλλ°©μ΄ λ¬΄μμμ μΌλ‘ κ·Έ λ°©μλ§ μκ°νκΈ° λλ¬Έμ μλλ°©μ΄ μκ°ν μκ°μ μ£Όλ λ°©μμΌλ‘ μ§ννλ€.
- μλ‘ κ²½νμ΄ λΆμ‘±νλ€
- μ₯μ
- λΉμ·ν λ΄μ©μ ν¨κ» κ³ λ―Όν μ μμλ€.
- μ°λ¦¬μ μ½λλ₯Ό νμ μμ¬νλ€.
- 리ν©ν λ§ λλ κ³μν΄μ λ€λ₯Έ λ°©λ²μ΄ μ‘΄μ¬νλμ§ μ°Ύμλ³΄κ³ λΉκ΅ν΄λ³΄λ©° μ΄μ λν΄ λ§μ λνλ₯Ό ν μ μμλ€.
- ꡬνν μ½λμ λν΄μ μ€λͺ
νλ μ°μ΅μ λ§μ΄ ν μ μμλ€.
- λ¨μ
- λ μ’μ λ°©μμ΄ μ‘΄μ¬ν κ² κ°μλ° μ°Ύμ§ λͺ»νκ³ λμ΄κ° κ² κ°μ μμ¬μ λ€.