์์ ์ผ ๋คํ ๋ค
- ๋ก๋ฉ์ฒ๋ฆฌ(์์คํ์ค)์ฒ๋ฆฌ
- ์๋ํฐ
- ์๋ฌ์ฒ๋ฆฌ (์ธ์ฆ ๊ด๋ จ์ ๋ผ์ฐํฐ์์ ์ฒ๋ฆฌํ๊ธฐ)
๋ํ
๋๊ธ ์์ฑ ์ ์๋ํฐ๋ง ๊ธธ์ด์ง๊ณ ๋๊ธ ์ปดํฌ๋ํธ๋ ๊ทธ๋๋ก โ ๋๊ธ ์ปดํฌ๋ํธ min-height ์ฃผ๊ธฐ
ํ์๊ฐ์
์, ๋น๋ฐ๋ฒํธ ํ์ธ ๋ง๋ค๊ธฐ
์ ์ ์ ๋ณด ํ์ด์ง css
๋ฒํผ ๊ธ์์ ํต์ผ, ๋ก๊ณ ๊ฐ์ด๋ฐ๋ก ์์น ์กฐ์
- ํํ์ด์ง ์ต์ ๊ธ, ์ธ๊ธฐ๊ธ UI ๋ถ๋ฆฌํ๊ธฐ

ํ์
์ฑ๋๋ช
์ด ์ด์งธ์ ์์ด๊ฐ ๋์๋ - ๋งต์จ์ ํ๊ธ๋ก ๋ฐ๊ฟ์ฃผ๊ธฐ
์์ด์ฝ ๊ตต๊ธฐ ํต์ผํ๊ธฐ (๊ตฌ๊ธ์์ ๊ฐ์ ธ์ค๊ธฐ)
์ฑ๋ ์์ด์ฝ ๋ฐ๊พธ๊ธฐ
- ๋ฐ์ํ
์ฌ์ด๋๋ฐ
- css
๋ฏธ๋์ด ์์
์ฌ์ด๋๋ฐ ํด๋ฆญ์ ๋ฐฐ๊ฒฝ ์ ์ง
- ๊ฒ์๊ธ ์ธ๋ค์ผ์ ์ ๋ก๋ ํ ๋ฐฉ๋ฒ์ด ์๋ค โ ํ๋กํ์ด๋ฏธ์ง ์ ๋ก๋์ฒ๋ผ ํ๊ธฐ
์ง์ฑ
๊ฒ์๊ธ ์ธ๋ค์ผ ์์์ ๊ธฐ๋ณธ์ด๋ฏธ์ง ๋์ฐ๊ธฐ
์ฑ๋์ ๊ธ ์์ ๋ ์๋ค๊ณ ํ์ํ๊ธฐ
์๋ฆผ ์์ ๋ ์๋ฆผ ์๋ค๊ณ ํ์ํ๊ธฐ
css
์คํฌ๋กค๋ฐ ์คํ์ผ๋งํ๊ธฐ
์ฑ๋ํ์ด์ง ์ค์ผ๋ ํค css ์์ (์ง์ฑ)
๋ฏธ๋์ด ์์
ํธ๋์ง์
- ์นด๋(hover), ์๋ฆผ(๋์ฌ๋ ๋ค์ด๊ฐ๋), ๋ชจ๋ฌ(๋์ฌ๋ ๋ค์ด๊ฐ๋)
๊ฒ์ ํ์ด์ง, ๊ฒ์ ๋ชจ๋ฌ
์์ฑ ์๊ฐ ๋ณด์ฌ์ฃผ๊ธฐ ์์
์ฐ๋ ๋์ ์์ฑ์๊ฐ ์ถ๊ฐํด์ผํจ
์๋ฆผ๋ณด๋ด๊ธฐ(๋๊ธ, ์ข์์)
์๋ฆผ ์ค๋ณต ์ ๊ฑฐ