๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ํšจ์œจ์ ์ธ ๊ด€๋ฆฌ1

vscode scss compiler sass ์‚ฌ์šฉํ•˜๋Š”๋ฒ• .mapํŒŒ์ผ์ด ์ƒ์„ฑ๋˜์ง€ ์•Š๊ฒŒ ์„ค์ • vscode scss compiler VSCode์—์„œ SCSS ์ปดํŒŒ์ผ ๋ฐ .map ํŒŒ์ผ ์ƒ์„ฑ ๋ฐฉ์ง€ ์„ค์ • ๋ถ€์ œ: ๊ฐ„ํŽธํ•˜๊ฒŒ SCSS๋ฅผ ์ปดํŒŒ์ผํ•˜๊ณ  .map ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜์ง€ ์•Š๋Š” ๋ฐฉ๋ฒ• ์•ˆ๋…•ํ•˜์„ธ์š”, ์—ฌ๋Ÿฌ๋ถ„! ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” Visual Studio Code(VSCode)์—์„œ SCSS(Sassy CSS)๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ปดํŒŒ์ผํ•˜๊ณ , ๋ถˆํ•„์š”ํ•œ .map ํŒŒ์ผ ์ƒ์„ฑ์„ ๋ฐฉ์ง€ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ ์ž‘์„ฑ ํ™˜๊ฒฝ์„ ๋”์šฑ ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”. ํ•„์š”ํ•œ ํ™•์žฅ(extension) ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•˜๋ฉด SCSS ์ปดํŒŒ์ผ ๋ฐ .map ํŒŒ์ผ ๊ด€๋ฆฌ๊ฐ€ ํ›จ์”ฌ ๊ฐ„ํŽธํ•ด์ง‘๋‹ˆ๋‹ค. Sass Sass Lint Live Sass Compiler Live Server ์ด์ œ ์ค€๋น„๊ฐ€ ๋˜์…จ๋‹ค๋ฉด, ์‹œ์ž‘ํ•ด๋ด…์‹œ๋‹ค! SCSS ํŒŒ์ผ ์ปดํŒŒ์ผํ•˜๊ธฐ .. 2023. 8. 30.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”