νλ‘μ νΈλ₯Ό νλ€ λ³΄λ©΄ μκ°μ΄ μ λ§ λΉ¨λ¦¬ νλ₯Έλ€. λλ¬Έμ λ΄κ° 무μμ λ°°μ κ³ λ΄κ° 무μμ ν΄λλμ§μ λν΄μ μ§κ³ κ° μ μλ μκ°μ΄ κ±°μ μλ€.μ λ² νλ‘μ νΈκ° λλκ³ μ€μ λ©ν λκ»μ νμλ€μ 보며 μνκΉμ΄ μ μ΄ μ°λ¦¬κ° ν΄μ¨κ²μ λν΄μ μ€μ€λ‘λ₯Ό κ²©λ €νκ³ λμ보기 보λ€λ μμΌλ‘ ν΄μΌ ν κ²μ λν΄μ μ‘°λ°μ¬μ κ°μ§λ κ²μ΄λΌκ³ νμ
¨λλ° μ λ§ κ·Έ λ§μ΄ λ± λ§λ€. 2μ£Όκ° μ§λ¬λλ μ λλ‘ μ 리λ ν¬μ€ν
μ κ±°μ νμ§ λͺ»νκ³ λλΆλΆ μΈμ
μ΄ μ§νλλ λμ λ
ΈνΈνκΈ° μμΌλ‘ μ°λ€ λ§κ²λ€μ΄ λλΆλΆμ΄μλ€. νλ‘μ νΈμ κ΄ν λΆλΆλ€λ κ±°μ μ λλ‘ ν¬μ€ν
μ νμ§ λͺ»νλ€.
νμ§λ§ κ·Έλ¬λ©΄ μλ κ² κ°λ€. λ΄κ° μ΄λ€ κ²μ μ΄λ€ μμΌλ‘ ꡬννλμ§, κ·Έ κ³Όμ μμ κ³ λ―Όμ΄ μ΄λ»κ² ν΄κ²° λμλμ§, μ΄κ² μ μλμλμ§μ λν΄μ κΌ μ λ¦¬ν΄ λ³΄μμΌ νλ κ² κ°λ€. λ΄κ° μ λ§ μ΄ν΄λ₯Ό νλμ§ λͺ»νλμ§μ λν κ°λ μ μ 리λ₯Ό ν΅ν΄ ν μ μμ κ² κ°λ€. μ΄λ² νλ‘μ νΈλ μ λ§ κΌ μκ°μ λ΄μ μ 리λ₯Ό νλλ‘ ν΄μΌ κ² λ€. μμ 물리μ μΈ μκ°μ΄ μ°Έ μ€μνλ€.
μ λ²μλ λ°±μλμ λ§μΆ°λ³Έκ² κ±°μ κ·Έλ₯ λ°μ΄ν°λ₯Ό λ°μμμ 맡μΌλ‘ λλ €μ λΏλ €μ£Όλ λΆλΆ λ°μ μμλ€. λ€λ₯Έ μ¬λλ€μ΄ λ‘κ·ΈμΈκ³Ό νμκ°μ μΌλ‘ λ°±μλ νμκ³Ό μΌμ νλ λͺ¨μ΅μ 보면μ λλ ν΄λ³΄κ³ μΆλ€λ μκ°μ΄ λ§μ΄ λ€μλ€. μλ μ λ‘κ·ΈμΈ μΈμ μ ν λμλ fetch ν¨μ, api μμ²΄κ° μ΄μνκ³ μμν΄μ μ λλ‘ μννλ€λ λλμ΄ μ μλ€μλ€. μ΄λ²μλ κΌ ν΄λ³΄κ³ μΆμλλ° μ°λ¦¬νμμ react-native λ νΌμλκΉ μμ£Ό μΆ©λΆν μ ν΄λ³Ό μ μμ κ²μ΄λ€.
μ λ²μλ λ©μΈ νμ΄μ§λ§ 맑μλ λμκΈ° λλ¬Έμ μ΄λ²μλ λ€μν νμ΄μ§λ₯Ό ν΄λ³΄κ³ μΆλ€. μ΄μ°¨νΌ 리μ‘νΈ λ€μ΄ν°λΈλ λ νΌμμ΄κ³ κ·Έλ κΈ° λλ¬Έμ λͺ¨λ νμ΄μ§λ₯Ό λ νΌμ ν΄μΌ νλ€.
μ λ²μ μΈμ€νκ·Έλ¨ λ‘κ·ΈμΈ νμ΄μ§λ₯Ό 리μ‘νΈ λ€μ΄ν°λΈλ‘ λ§λ€μ΄ 보기λ νμ§λ§ μ¬μ€ 본격μ μΈ λΆλΆμ κ·Έ λ€μλ¨κ³ λΆν°μλ€. νμ§λ§ μκ° κ΄κ³μ νμ§ λͺ»νκ³ μ λ§ λ§λ³΄κΈ°λ§ ν μ μμλ€. κ·Έλμ μ΄λ²μλ μ¬μ΄λ ν΄λΌμ°λμ κΈ°λ³Έμ μΈ νμ΄μ§λ€μ νλμ© κ΅¬νν΄λ³΄λ©΄μ λμ‘νΈ λ€μ΄ν°λΈμ μ΅μν΄μ§λ €κ³ νλ€.
styled-component
μ λ²μλ sassλ₯Ό κ²½νν΄ λ³΄μλ€λ©΄ μ΄λ²μλ styled-componentλ₯Ό ν΄λ³Ό μμ μ΄λ€. μ€νμΌ μμ΄λ λ΄κ° νμμ μ΄μ©νκ±°λ μ’μνλ μλΉμ€λ μλμμ§λ§ μ¬μ΄λ ν΄λΌμ°λλ λ§€μΌ μ¬μ©νμ§λ μλλΌλ νμ μ€μΉνκ³ κ°λμ© μ΄μ©νλ μλΉμ€μλ€. UIλ μ’μμ κΌ !! ν΄λ‘ νκ³ μΆμλ 리μ€νΈμλ€. νκ³ μΆμλ λ§νΌ μ λ³΄λ€ λ λν
μΌνκ³ λ©μ§κ² λμμΈμ νκ³ μΆλ€.
Hooks
λ΄κ° λΌμ΄νμ¬μ΄ν΄μ λν μ΄ν΄λ₯Ό μ νκ³ μλμ§μ λν΄μ μ¬μ€ μμ μ΄ μκΈ΄ νλ€. λ΄κ° νλ λΆλΆμ΄ λΌμ΄ν μ¬μ΄ν΄μ μ κ²½μ°μ§ μμλ λλ λΆλΆ? μ΄μλκ²λ νλͺ«νλ κ² κ°λ€. κ·Όλ° λ©ν λμ΄ hooksλ₯Ό μ°λ©΄μ λΌμ΄ν μ¬μ΄ν΄μ λ μ μ΄ν΄ν μλ μλ€κ³ νμ
¨λ€. λ μ λ² νλ‘μ νΈλ₯Ό νλ©΄μ stateκ° μ λ§ λλ μμ΄ λ§μμ§λ κ±Έ 보면μ μ νμ΄μ€λΆμ΄ hooksλ₯Ό λ§λ€κ² λμλμ§μ λν΄μ μ μ μ΄ν΄νκ² λμλ€.
μ λ§ λΆνΈν¨μ μΆ©λΆν λλ λ€μμ μλ‘μ΄ κ²μ λ°°μμΌ λ΄κ° μ΄κ²μ μ λ°°μμΌ νλμ§, μ΄κ²μ΄ μ νμνμ§λ₯Ό μλ κ² κ°λ€. ( μ€λ ν리ν°μ΄μ eslintλ₯Ό λ€μ κΉκΈ° μν΄ μ΄μ¬ν μμΉνλ λ μμ μ 보면μ λ€μ νλ² κΉ¨λ¬μμ...)
κ·Έλμ μ΄λ² κΈ°νλ₯Ό ν΅ν΄ ν
μ€λ₯Ό νλ² μ¨λ³΄λ €κ³ νλ€.