<aside> πŸ“ How to use Spacing

Spacing

κ·œκ²©ν™”λœ μš”μ†Œμ™€ κ°„κ²©μœΌλ‘œ μ„œλΉ„μŠ€ μ „λ°˜μ μΈ UI 체계λ₯Ό μž‘μŠ΅λ‹ˆλ‹€. μ •μ˜λœ 간격과 수치만 μ‚¬μš©ν•˜μ—¬ μ•ˆμ •μ μ΄κ³  μΌκ΄€λœ μŠ€νƒ€μΌμ„ μœ μ§€ν•©λ‹ˆλ‹€.

Size Unit

κΈ°λ³Έ λ‹¨μœ„λŠ” 4λ°°μˆ˜μ™€ 8λ°°μˆ˜μ— κΈ°λ°˜ν•œ 6κ°€μ§€μ˜ λ‹¨μœ„λ‘œ κ·œμ •ν•˜μ—¬ μ‚¬μš©ν•©λ‹ˆλ‹€. ν•„μš” μ‹œ, 짝수 크기λ₯Ό μΆ”κ°€ν•˜μ—¬ μœ μ—°ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Spacing_Size unit@2x.jpg

Scroll End Spacing

λͺ¨λ“  슀크둀의 끝 간격은 64px둜 κ³ μ •ν•©λ‹ˆλ‹€.

Spacing_Scroll End Spacing@2x.jpg

Both Sides Spacing

νŽ˜μ΄μ§€ μ–‘ μ˜† 간격은 24px을 기본으둜 μ‚¬μš©ν•©λ‹ˆλ‹€.

Spacing_Both Sides Spacing@2x.jpg

λͺ©μ°¨