1. Design System
λμμΈ μμ€ν
μ μ¬λ¬ νμ΄μ§μ μ±λμμ 곡μ μΈμ΄
μ μκ°μ μΌκ΄μ±
μ μ μ§νλ©΄μ μ€λ³΅μ μ€μ¬
λκ·λͺ¨λ‘ λμμΈμ κ΄λ¦¬νκΈ° μν μΌλ ¨μ νμ€
μ΄λ€.
μ¬μ¬μ© κ°λ₯ν κ΅¬μ± μμ
μ ν¨ν΄
μ μ¬μ©νμ¬ λκ·λͺ¨λ‘ λμμΈμ κ΄λ¦¬νκΈ° μν νμ€ μΈνΈλΌκ³ ννν μ μλ€.
λμμΈ μμ€ν μ ν΅μ¬μ μ½ν μΈ λ₯Ό μ΅μ μΌλ‘ νμνλ κ².
μΊλ²μ€λ₯Ό λμμΈνλ κ²μ΄ μλλΌ μ½ν μΈ λ₯Ό λμμΈνλ κ²μ΄λ€.
theme
primary color, secondary color, font λ±μ ν¬ν¨νλ ,.
λ°μν μΉ λμμΈ(Responsive web design)
λ°μν μΉ λμμΈμ μ¬μ©νλ©΄ μΉ νμ΄μ§μ λμμΈκ³Ό λ μ΄μμμ΄ νλ©΄ ν¬κΈ°μ λ§μΆ° νλ, μΆμ λλ μ¬λ°°μ΄ λλ€.
μ μν λμμΈμ΄λ?
μ μν μΉ λμμΈμ μ¬μ©νλ©΄ μΉ νμ΄μ§μμ κ°μ§λ κΈ°κΈ°λ₯Ό κΈ°λ°μΌλ‘ 미리 λ§λ€μ΄μ§ μ μ μΈ λ μ΄μμμ λΆλ¬μ¨λ€.
μ΄λ¬ν μμ μ΄ μνλκΈ° μν΄μ λμμ΄λκ° λ€μν νλ©΄ λλΉμ λ§μΆ° λ³λλ‘ λμμΈ μμ μ ν΄μΌ νλ€.
κ°μ₯ μΌλ°μ μΈ λλΉλ λ€μκ³Ό κ°λ€.
(320, 480, 760, 960, 1200, 1600)
Atomic Design
λμμΈ λΆνμ λ§λ€μ΄ 쑰립νλ€.
μμκ° λͺ¨μ¬ λΆμκ° λκ³ λΆμκ° λͺ¨μ¬ μ κΈ°μ²΄κ° λλ€λ κ°λ μΌλ‘ ννμ μ©μ΄λ₯Ό μ΄μ©ν΄ μ€λͺ νλ€.
λ°±λ¬Έμ΄ λΆμ¬μΌκ²¬,
μ¬μ©ν μ΄λ―Έμ§λ μ’κ³ best practiceλ₯Ό ν₯ν μ¬μ μ΄ μ¬λ°μ΄ 보μΈλ€.
γ΄γ΄
Last updated