์ ํ๋ธ css ํด๋ก ์ฝ๋ฉ
- ๋ด์ฉ
- ๋ค์ด๋ฒ ๋ชจ๋ฐ์ผ ํน์ ์ ํ๋ธ ๋ฉ์ธ ํ์ด์ง ์ค ํ๋๋ฅผ ์ ํํด ๋ ์ด์์์ ํด๋ก ์ฝ๋ฉํ์ธ์.
- SCSS๋ก ์คํ์ผ์ ์์ฑํ์ธ์.
- ์์ฑ๋ SCSS๋ฅผ CSS๋ก ์ปดํ์ผํ์ธ์.
- ์ ์ถ ํ๋ก์ ํธ์ ํ์ธ ๊ฐ๋ฅํ HTML, CSS, SCSS ํ์ผ์ด ๋ชจ๋ ํฌํจ๋ผ์ผ ํฉ๋๋ค.
- ๋ธ๋ผ์ฐ์ ์์ ์ ์์ ์ผ๋ก ์ถ๋ ฅ๋ผ์ผ ํฉ๋๋ค.
-
@media
๋ฅผ ํ์ฉํด ๋ฐ์ํ ๋ ์ด์์์ผ๋ก ๊ตฌํํด์ผ ํฉ๋๋ค.
- JS๊ฐ ํ์ํ ๋ถ๋ถ์ ์๋ตํ๊ณ ์ด์ ๋ฅผ ๋ช ์ํด ๋ณด์ธ์.(CSS๋ก ๋์ฒด ๊ฐ๋ฅํ์ง ํผ๋๋ฐฑ์ด ์์ ์ ์์ด์)
- JS๊ฐ ํ์ํ ๋ถ๋ถ ์ค ๊ตฌํํ ๋ถ๋ถ์ด ์๋ค๋ฉด ์์ ๋กญ๊ฒ ๊ตฌํํด ๋ณด์ธ์.
- ๋ ๊ฑฐ์ ์ฝ๋ ํ์ฉ๋ณด๋จ ์ต์ ์ CSS Flex์ Grid๋ฅผ ํ์ฉํด ๋ณด์ธ์.
- ์๋ฉํฑ ํ๊ทธ๋ฅผ ์ต๋ํ ํ์ฉํด ๋ณด์ธ์.
- SCSS ์ปดํ์ผ์ Webpack์ด๋ Parcel ๊ฐ์ ๋ฒ๋ค๋ฌ๋ฅผ ํ์ฉํด ๋ณด์ธ์.
- BEM ๋ฐฉ๋ฒ๋ก ์ ๋์ ํด ๋ณด์ธ์.