-
Notifications
You must be signed in to change notification settings - Fork 4
Open
Description
π ν΅μ¬ μꡬ μ¬ν 1
λ©μΈνμ΄μ§μ μ¬μ΄λλ°λ₯Ό ν΅ν΄ νλ‘μ νΈ, ν, λ΄λΉμ λ±μ μ νν μ μκ³ μ νν κ°μ λ°λΌ νν°λμ΄μΌ ν©λλ€.
- νλ‘μ νΈ, ν, λ΄λΉμ 리μ€νΈλ νλμ½λ©ν λ°°μ΄μ μ¬μ©ν μλ μμΌλ, κ°κΈμ TSλ‘ μ μλμ΄ μ¬μ¬μ©μ΄ κ°λ₯ν΄μΌ ν©λλ€.
- μ¬μ©μκ° μ νν κ°μ λ°λΌ ν΄λΉνλ μΉΈλ°λ§ UIμ λ ΈμΆλμ΄μΌ ν©λλ€.
- κ²μμ λ°λΌ λ΄λΉμλ₯Ό κ²μν μ μμ΄μΌ νκ³ , λ΄λΉμλ₯Ό ν¬ν¨νλ μΉΈλ°λ§ UIμ λ ΈμΆλμ΄μΌ ν©λλ€.
π μμ μμΈ λ΄μ©
체ν¬λ°μ€
λ μ°μ λκ° λμ 보μ΄λ μμ μΌλ‘ κ°κΈμ λ¨Όμ ν΄κ²°λμμΌλ©΄ μ’κ² μ΅λλ€.
λΆλ¦ΏμΌμ΄μ€
λ κ·Έ λ€μ μμ μΌλ‘ μμλλ μ§μ μ λλ€.
νμ§λ§ μ μ°νκ² νλ¨νμ¬ λΆλ¦ΏμΌμ΄μ€ λ¨Όμ μμ ν΄μ£Όμ λ μκ΄ μμ΅λλ€.
UI/UX
λ°λ³΅λλ UIν¨ν΄μ΄ λ§μ΅λλ€. μ¬μ¬μ©μ±μ μ΅λν μκ°νμ¬ μμ ν΄ λ΄ μλ€.
- νλ‘μ νΈ, ν, λ΄λΉμ λ±μ 리μ€ν νλ λ°°μ΄μ ꡬμΆν©λλ€. ( TS νμ© κΆμ₯ )
- μ¬μ΄λλ°λ₯Ό μΉμ λ³λ‘ ꡬλΆμ§λ wrapper uiλ₯Ό ꡬμΆνκ³ , ν΄λΉνλ λ°°μ΄μ propsμΌλ‘ λ΄λ €μ€λλ€.
- propsμΌλ‘ μ λ¬λ°μ dataνμ©, checkboxλ‘ μ νν μ μλ uiλ₯Ό mapμΌλ‘ λΏλ €μ€λλ€.
- μ 체 UIλ₯Ό κ°μΈλ side-bar Componentλ₯Ό λͺ¨λ°μΌ λ°μμ±μ κ³ λ €νμ¬ μμ±ν©λλ€.
FEATURE
- checkboxλ buttonμΌλ‘ μ νν κ°μ λ°λΌ νΉμ ν λ°μ΄ν°λ§ ν¬ν¨νλλ‘ λ°°μ΄μ νν° ν©λλ€.
- μ νλ κ°μ λ°λΌ ν΄λΉνλ μΉΈλ°λ§ UIμ ννλμ΄μΌ ν©λλ€. (νλ‘μ νΈ, ν, λ΄λΉμ λ±)
- κ²μμ ν΅ν΄ νΉμ ν κ°μ ν¬ν¨νλ μΉΈλ°λ§ UIμ ννλμ΄μΌ ν©λλ€.
- κ³Όλν λ λκ° λ°μνμ§ μλλ‘ μ€λ‘νλ§μ μ μ©ν©λλ€.
π μ°Έκ³ ν λ§ν μλ£ (μ ν)
κ΄λ ¨ λ¬Έμ, λ§ν¬ λ±μ 첨λΆν΄ μ£ΌμΈμ.
Seono-Na