JUSTCODEμ λ§μ§λ§ 컀리νλΌμ΄ λλ¬μ΅λλ€. 4μ£Όκ°μ μΌλ€μ κΈ°μ΅μ μ΅λν κΈ°μ΅μ μ΄λ €λ΄μ μμ±ν΄λ³΄λλ‘ νκ² μ΅λλ€.
κΈ°μ νμ μ κ³Όμ
κΈ°μ νμ 리μ€νΈλ 2μ°¨ νλ‘μ νΈ λ¦¬ν©ν λ§ μ£Όμ λμ΅λλ€. κΈ°μλ§λ€ μ°Έμ¬νλ κΈ°μ μ΄ λ€λ₯΄κ³ , κ° κΈ°μ λ€μ μΈν΄ 4μ£Όλμ ν νλ‘μ νΈ, μΈμ΄μ λΌμ΄λΈλ¬λ¦¬, λ±λ± μμ£Ό λ€μν λ΄μ©μ λ Έμ μΌλ‘ μ μ΄ μ λ¬ν΄μ€λλ€. κ·Έκ²μ μ½κ³ μνλ κΈ°μ μ§λ§μ μ μ΄μ μ μΆνλ©΄ λλΆλΆ 1μ°¨μ§λ§ μμ£Όλ‘ λ§€μΉμ΄ λ©λλ€.
'μ€ν‘ν΄λ¦¬μ€'
μ€ν‘ν΄λ¦¬μ€λ₯Ό μ νν μ΄μ λ, λ Έμ νμ΄μ§μμ λκ»΄μ§λ μ¬μλλ€μ μ΄μ μ λλ ΈκΈ° λλ¬Έμ λλ€. 4μ£Όκ° ν νλ‘μ νΈμ λν΄ μμΈν μ€λͺ ν΄μ£Όκ³ , κΈ°μ νμ μ μ 곡λΆν΄μ€κΈ°λ₯Ό μνλ ν€μλλ₯Ό μλ €μ£Όμλ©΄μ, μμ μ μλ μ€ν‘ν΄λ¦¬μ€μμ 4μ£Όκ° μνλ κ²μ μμ±ν΄μ μ μΆν΄λ¬λΌκ³ λΆννμκΈ°λ νμ΅λλ€.
κΈ°μ νμ μ ν΅ν΄μ μ μ¬νμ λΆλ€λ μμ΅λλ€. νμ§λ§ μ λ κΈ°μ νμ μ λΆν° 1μ°¨ λͺ©νκ° μ μ¬κ° μλμμ΅λλ€. μ λ νμ μμ μ΄λ€ λ°©μμΌλ‘ μΌνλμ§, μ§μ§(?) κ°λ°μλ μ΄λ€ μ½λλ₯Ό μμ±νλμ§, κ·Έλ¦¬κ³ μ΄λ€ λμμΈν¨ν΄μ΄ μ’μμ§ κ°μ νμ μ λν κΆκΈμ¦μ ν΄κ²°νκ³ μΆμκ³ , νμ μ€ν¬λ¦½νΈμ Mobx 곡λΆλ₯Ό ν΄λ³΄κ³ μΆμμ΅λλ€. κ·Έλμ μ€ν‘ν΄λ¦¬μ€λ μ κ°μΈμ μΈ λͺ©νλ₯Ό μΆ©μ‘±μμΌμ€ μ λ§ μ΅κ³ μ μ νμ΄μμ΅λλ€.
4μ£Όκ° μ΄λ€ κ³Όμ μΌλ‘ μΌμ ν΄μλμ§μ λν κ°λ¨νκ² μ 리ν΄λ³΄μμ΅λλ€.
νλ‘ νΈ νμ μ΄ 3λͺ μΌλ‘, μλ‘ κ° νμν μ¬νμ΄ λ§μ μμΉ¨ 30λΆμ μ λ μ μ΄μμ ν μλ₯Ό ν ν κ²°μ μ¬νμ λ Έμ μ λ¨κ²Όμ΅λλ€. κ°μΈμΌλ‘λ ν μΌμ λν΄ μλ €μ νλ‘ νΈμλ κ°λ°μ κ° μλ‘μ μ 무λ₯Ό νμ νμμ΅λλ€. κ·Έ μΈμλ κΈ΄κΈ μ΄μκ° μκΈ°λ©΄ 짧μ νμλ‘ λ¬Έμ λ₯Ό ν΄κ²°νμμ΅λλ€.
λ§€μΌ μ λ 6μλΆν° 7μκΉμ§ λΉμΌ κ°λ°ν λ΄μ©μ μ¬μλκ»μ κΌΌκΌΌν μ½λ리뷰 ν΄μ£Όμ ¨μ΅λλ€. λνμ€ν¬λ¦°μμ μ½λλ₯Ό ν¨κ»λ³΄λ©° λ§μ λ΄μ©μ λ°°μ°κ² λμμ΅λλ€.
1μ£Όμ°¨
1μ£Όμ°¨μλ μ¬μλκ»μ μΈμ μ μ§νν΄μ£Όμ μ νμ μ€ν¬λ¦½νΈ, Mobx, styled-components, μλ°μ€ν¬λ¦½νΈ κ³ κΈ κ°λ μ λ°°μ μ΅λλ€. κ·ΈμΈμ μκ°μλ 3λͺ μ νμλΆλ€κ³Ό μ½λ© 컨벀μ μ μ νκ³ μν λ―Ή λμμΈ ν¨ν΄μΌλ‘ λμμΈμ λΆμνλ©΄μ κ°λ°κ³νμ μμ μ΅λλ€.
2μ£Όμ°¨
κ°μ₯ μμ λ¨μμΈ atomicλΆν° κ°λ°μ μμνκ³ λ§€μΌ μ λ λ§λ€ μ½λ리뷰λ₯Ό λ°μμ΅λλ€.
3μ£Όμ°¨
ν νλ , νμ΄μ§ λ¨κΉμ§ κ°λ°μ λ§μΉκ³ api μ°κ²°κ³Ό λν μΌν λΆλΆμ κ°λ°νμμ΅λλ€.
4μ£Όμ°¨
λμμ΄λλΆκ» QAλ₯Ό λ°μ μμ νκ³ κ°λ°μ λ§λ¬΄λ¦¬νμ΅λλ€.
κ°λ°μλ μ½λλ₯Ό μ μ§λ κ²μΈλ‘λ λ€μν λ₯λ ₯μ΄ νμνλ€λ κ²μ κΉ¨λ¬μμ΅λλ€. κ·Έ μ€μμλ νλ‘ νΈμλλ λ€μν μ§κ΅° μ¬λκ³Ό μν΅νλ λ₯λ ₯λ μΆμ€ν΄μΌν¨μ λ°°μ μ΅λλ€. μ΄ λ₯λ ₯μ΄ μ’μμ§λ €λ©΄ νμ μ€μ€λ‘ μ§λ¬Έν΄μΌ ν©λλ€.
'λ΄κ° ν΄λΌμ΄μΈνΈλΌλ©΄ μ΄κ² λΆνΈν κΉ?', 'μ΄λΌ μ¬κΈ° λμμΈ μ’ μ΄μνλ°? μ΄ν΄κ° μλλ€...', 'μ΄ μ½λκ° μ§μ§μ§μ§ νμνκ°?', 'APIκ° μ΄λ° κ°μ μ£Όλκ² λ§λκ°?' λ±μ κ³ λ―Όμ λ νκ³ μ΄λ° κ³ λ―Όμ κΈ°νμ, μΉλμμ΄λ, 벑μλ κ°λ°μμ λλ£ κ°λ°μλ€μκ² μ μ ν λ§λ‘ μ릴 μ μλ μ¬λμ΄ μ§μ§ μ’μ κ°λ°μμΈ κ² κ°μ΅λλ€.
κ·Έλμ μν΅μ μν΄ λ Έλ ₯νκ³ , μν΅ κ³Όμ μμ ν©λ¦¬μ μΈ κ²°κ³Όλ₯Ό λΌ μ μλ λ₯λ ₯μ λ ν€μ°λ©΄μ νλ‘κ·Έλλ° κ³΅λΆλ₯Ό νλ κ²μ΄ νμνλ€λ μ¬μ€μ λ°°μ μ΅λλ€.
μ΄μ μλ λ μμ μ£Όμ΄μ§ κ³Όμ κ° μμΌλ©΄ μΌλ¨ μμνκ³ λ΄€μ΅λλ€. λ 빨리 μΌμ μ²λ¦¬νκΈ° μν΄μμμ§λ§ μ€νλ € κ³νμ΄ μμΌλ λ λ§μ μκ°μ΄ λλλ€. νμ μμλ μκ°λν 리μμ€μ΄κΈ° λλ¬Έμ 리μμ€λ₯Ό μ΅μννκΈ° μν΄μλ μ¬μ μ μ΄λ€ μμΌλ‘ μ½λλ₯Ό μ§λ κ²μ΄ μ’μ μ§ κ³ λ―Όνλ μκ°μ λ€μ΄λ κ²μ΄ νμνλ€λ λ°°μμ μ»μμ΅λλ€.
(μ κ²½νκ³Ό μ μ ν μ¬λ°λ 지μ νλ λ°κ²¬ν΄μ...)
μ½λ리뷰μμ μ΄λ°μ μ§μ μ λ§μ΄ λ°μ λΆλΆμ΄ λ€μ΄λ°μ΄μμ΅λλ€. μ΄λ¦μ μ μ§μΌλ©΄, μ»΄ν¬λνΈμ κΈ°λ₯μ μ΄λ¦λ§ λ³΄κ³ λ¨λ²μ μ΄ν΄ν μ μλ€λ μ¬μ€μ λ°°μ°κ² λμμ΅λλ€. λ€μ΄λ° λΏλ§ μλλΌ, λ‘μ§ μ€κ³λ μ΄λ€ propsλ₯Ό λ°μμΌ λ²μ©μ±μ΄ 컀μ§μ§λ₯Ό κ³ λ―Όνκ³ μμ νλ κ²μ΄ ν¨μ¨μ± λμ λ°©μμ λλ€.
μΆκ·ΌκΉμ§ 걸리λ 1μκ°λμ κ°λ°κ΄λ ¨, κ°λ°μμ 컀리μ΄μ κ΄λ ¨λ μ νλΈλ₯Ό 보면μ μκ°μ 보λμ΅λλ€. μμμ 보며 λλ μ΄λ€ λΆλΆμ μ΄νν μ μκ³ , μνλ€κ³ λ§ν μ μλμ§μ λν΄ κ³ λ―Όν΄λ³΄μμ΅λλ€. μκ°μ΄ μμΌλ©΄ λλΆλΆ UIλ ꡬνν μμ μ΄ μμ§λ§ μ 곡μλ³΄λ€ ν¨μ¨μ μΈ μ½λλ₯Ό μμ± ν μ μλ€κ³ λΉλΉνκ² λ§ν μ λλ μλκ³ , λΈλΌμ°μ λμ μ리μ μλ°μ€ν¬λ¦½νΈ μ리λ₯Ό λ€ μκ³ μ¬μ©νλ κ²λ μλλλ€.
κ·Έλ κ² λλ, μ κ° μ€μ€λ‘ λΆμ‘±νλ€κ³ μκ°νλ λΆλΆμ΄ λμ§ μκ²λμμ΅λλ€. μ’ λ κΉμ μ리μ λν 곡λΆλ₯Ό μμν λκ° λ κ² κ°μ΅λλ€. γ γ
μ§κΈκΉμ§ μ μ€νΈμ½λ νλ‘μ νΈλ μμ κ°μ 쀬μ΅λλ€. ννλ‘μ νΈλ₯Ό νλμ© μ²΄νν μλ‘, μ€μ€λ‘ μ€λ ₯μ΄ μ’μμ§λ κ²μ λκΌμ΅λλ€. λ°λ©΄μ, κΈ°μ νμ μ μ€μ€λ‘μ λΆμ‘±ν¨μ λλΌκ² νλ μ’μ μκ·Ήμ΄ λμμ΅λλ€. μ½λ리뷰λ₯Ό ν΅ν΄μ μ¬μλκ» λ§μ μ§μμ λ°°μ°λ©΄μ μ€ννΈμ μμ 근무νλ κ°λ°μλ λ€μ¬λ€λ₯ν΄μΌ νλ€λ κ²μ κΉ¨λ¬μμ΅λλ€.
μμ§ κ³΅λΆν΄μΌνλ κ² λ§κ³ , λ§μ΄ λΆμ‘±νλ κΎΈμ€νκ² κ³΅λΆν΄κ°κΈ° μν΄μ μ΄λ€ κ³΅λΆ μμ€ν μ λ§λ€μ§λ₯Ό κ³ λ―Όν λκ° λ κ² κ°μ΅λλ€.
λλΆμ΄, λλ 'μ΄λ€'νμ¬λ₯Ό μ νΈνλμ§μ λν κ²°μ¬μ΄ λ€μμ΅λλ€. μ€ν‘ν΄λ¦¬μ€λ κ΅μ₯ν νλ°νκ³ , λͺ¨λ μΈμμ΄ κΈ°νκ³Ό νμμ μ°Έμ¬νλ μκ·λͺ¨ μ€ννΈμ μ΄μμ΅λλ€. 거리λμμ΄ μλ‘ μν΅νκ³ , λ μ’μ μλΉμ€λ₯Ό μν΄ κ³ λ―Όνλ κ³Όμ μ 보면μ μ€ννΈμ μ 맀λ ₯μ μκ²λμμ΅λλ€. νλ°νκ³ μμ λ‘μ΄ μν΅μ νλ λ¬Ένλ₯Ό κ°μ§ νμ¬, μλ‘ μκ·Ήμ΄ λκ³ λμμ΄ λλ λλ£λ€μ΄ μμΌλ©΄μ ν₯λ―Έκ° κ°λ μλΉμ€λ₯Ό κ°μ§ νμ¬λ₯Ό κ°κ³ μΆμ΅λλ€.