๋ชฉ์ฐจ
โ vscode php scss ์ฌ์ฉํ๊ธฐ sass ์ปดํ์ผ๋ฌ ์ค์น.
์ฒ์ vscode๋ฅผ ์ฌ์ฉํ์ ๋๋ ์ต๊ทค๋ฌ๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์, scss๋ฅผ ๊ธฐ๋ณธ์ผ๋ก ์ฌ์ฉํ์๋ค.
์ผ๋ง ์ ์ php ํ๋ก์ ํธ์ scss๋ฅผ ์ฌ์ฉํ๋ ค๊ณ vscode scss์ค์น๋ฅผ ํ๋ค.
๊ธฐ๋ณธ์ ์ผ๋ก ๋ธ๋ผ์ฐ์ ์์ฒด๊ฐ scss๋ฅผ ์ดํดํ๋ ๊ฒ์ด ์๋๊ธฐ ๋๋ฌธ์ scss๋ sass compiler๋ก ์ปดํ์ผํด์ cssํ์ผ์ ์์ฑํด ์ฃผ์ด์ผ ํ๋ค.
์ด๋๊น์ง๋ scss๋ ํผ๋ธ๋ฆฌ์ ์ ํธ์๋ฅผ ์ํ ๊ธฐ๋ฅ์ด์ง ๋ธ๋ผ์ฐ์ ๋ฅผ ์ํ ๊ธฐ๋ฅ์ด ์๋๊ธฐ ๋๋ฌธ์ด๋ค.
vs์ฝ๋์์ scss๋ฅผ ์ฌ์ฉํ๋ค๋ ๊ฒ์ ์ฌ์ฉ ์ธ์ด์ ๋ฌด๊ดํ๊ฒ ์ฌ์ฉ๋ ์ ์๋ค.
๋ฐ๋ก Live sass compiler๋ฅผ ์ค์นํจ์ผ๋ก์จ ๊ฐ๋ฅํ๋ค.
sass Lint ์ต์คํ ์ ์ค์น
์ค์นํ๋ ๊น์ sass Lint ์ต์คํ ์ ๋ ์ค์นํ๋ฉด ํธ๋ฆฌํ๋ค.
vscode sass ์ค์น
sass๋ ๋น์ฐํ ์ค์น.
์ปดํ์ผ ๊ณผ์ ์์ ๋น์ฐํ๊ฒ๋. mapํ์ผ์ด ์์ฑ๋๋ค.
์ด ๋งตํ์ผ์ ๋ฑํ ๊ธฐ๋ฅ์ ์ผ๋ก ํ๋ ์ญํ ์ ์๋ค.
๋ฏธ๋์๋ ์์์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง, ๋์ฒด๋ก ๊ฐ๋ฐ์๋ค์ด ๋๋ฒ๊น ํ ๋ ์ฌ์ฉํ๋ ํ์ผ์ด๋ค.
์ด ํ์ผ์ ์์ฑํ์ง ์์ผ๋ ค๋ฉด https://nm817.tistory.com/37 ๋ธ๋ก๊ทธ ํฌ์คํ ์์ ํ์ธํ๊ธฐ ๋ฐ๋๋ค.
์ปดํ์ผ์ด ์ฑ๊ณตํ๋ฉด
์์ ํ์์ค์ Success๊ฐ ๋ฌ๋ค.
์คํจํ๋ฉด ๋นจ๊ฐ์ Error์ ํจ๊ป ์๋ฌ ์์น๊ฐ Output์ ํ์๋๋ค.
๋๊ธ