Search
Duplicate

Layout

Container

μ›Ή νŽ˜μ΄μ§€μ˜ λ‚΄μš©μ„ 감싸고, μ μ ˆν•œ 폭과 여백을 μ§€μ •ν•˜μ—¬ λ ˆμ΄μ•„μ›ƒμ„ μ‘°μ •ν•©λ‹ˆλ‹€.
β€’
νŠΉμ§•
β€’
클래슀
β€’
μ˜ˆμ‹œμ½”λ“œ
β—¦
κΈ°λ³Έ μ»¨ν…Œμ΄λ„ˆ
β—¦
λ°˜μ‘ν˜• μ»¨ν…Œμ΄λ„ˆ
Container

Grid

λ°˜μ‘ν˜• λ ˆμ΄μ•„μ›ƒμ„ κ΅¬μΆ•ν•˜κΈ° μœ„ν•œ κ·Έλ¦¬λ“œ μ‹œμŠ€ν…œμ„ μ œκ³΅ν•©λ‹ˆλ‹€.
β€’
κ·Έλ¦¬λ“œ μ‹œμŠ€ν…œμ΄λž€?
β€’
κ΅¬μ„±μš”μ†Œ
β€’
λ°˜μ‘ν˜• λ””μžμΈ
Grid

Flex

Flexbox μœ ν‹Έλ¦¬ν‹° ν΄λž˜μŠ€λŠ” Flexbox λ ˆμ΄μ•„μ›ƒμ„ μ‰½κ²Œ μ μš©ν•˜κ³  μ‘°μ •ν•  수 μžˆλ„λ‘ λ„μ™€μ€λ‹ˆλ‹€.

Flex

Flex Layout 은 Flexible Box Layout 을 λ§ν•˜λ©°, 말 κ·ΈλŒ€λ‘œ μœ μ—°ν•œ λ°•μŠ€ λ ˆμ΄μ•„μ›ƒμž…λ‹ˆλ‹€.
λ°•μŠ€(Container) μ•ˆμ—μ„œ μš”μ†Œ(item)듀을 1μ°¨μ›μœΌλ‘œ μœ μ—°ν•˜κ²Œ λ°°μΉ˜ν•˜λŠ” 것을 μ‰½κ²Œ ν•΄μ€λ‹ˆλ‹€.
Flex