- ๊ณ์ฐ๊ธฐ ๋ชฉ์ ๋ง๋ค๊ธฐ (ํ์ด๋ถ๊ณผ)
- HYML ๊ตฌ์กฐ
- css ์คํ์ผ
- ๊ณ์ฐ๊ธฐ ์ปจ์
ํ๋ฉด ๋ฐ๊ฒ ์ด๋ก๊ฒ ์ ๋๋ฉ์ด์ ํจ๊ณผ
- ๋ฒํผ ์ ๋ ฌ
- ์ฒซ๋ฒ์งธ๋ table tag๋ก ์ด์ฉํค ๋ฒํผ์ ๋ง๋ค๊ธฐ
- ๋๋ฒ์งธ, data-์์ฑ ๊ฐ์ผ๋ก ๊ฐ๋จํ๊ฒ ๊ตฌํ
- ์ธ๋ฒ์งธ,
- CSS ์์ฑ
- flex ์์ฑ ์ด์ฉํ์ฌ ์ ๋ ฌ
- transition
- grid-template-colums
- ์คํจ ๊ฒฝํ & ๋ฐฐ์ด์
- grow/basis ๊ฐ๋ ์ด ์ ๋๋ก ์กํ ์์ง ์์๋์ง ์ฌ๋ฌ๋ฒ ์ํ์ฐฉ์ค๊ฐ ์์๋ค.
- grow/basis ๊ฐ๋ ์ ๋ค์ ์๊ฒ ๋์๊ณ ๋์์ธ ์์ด๋์ด๋ฅผ ํ์ด๋ถ๋ค์ด ๊ณต์ ๋๋ถ์ ๊ณต๋ถ๋ฅผ ํด์ผ๊ฒ ๋ค.
- ๋ ๋ฐ์ ํ๊ณ ์ถ์ ๊ฒ!
- ๋์์ธ ๋ฉด์์ ๋๋ฌด ์์ฝ๊ณ ์ฐฝ์์ ์ธ๋ฉด๊ณผ ์์ฉ๋ ฅ์ด ๋ง์ด ๋จ์ด์ง๋ค๋ ์๊ฐ๋ ๋ค์๋ค.
- ์ฐ์ ๋ฒํผ์ ๋ค์ํ๊ฒ ๊ตฌํํ๋ ๋ชฉ์ ์ ์ฌ์ทจ๋์ด ๋์์ธ์ ๋ง์ด ์ ๊ฒฝ์ ๋ชป ์ด ์ ์ด ์์ฝ๋ค.
- ์ฃผ๋ง์ ๊ผญ ๋ค์ ๋๋ง์ ๋์ง์ธ์ผ๋ก ๊ตฌํํด๋ณด๊ธฐ