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

VSCode2

[VSCode] VSCode์—์„œ Sass ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• VSCode์—์„œ Sass(SCSS)๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” VSCode์—์„œ Sass๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์„ค๋ช…๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜ํ•˜๊ธฐ ๋จผ์ € Live Server, Live Sass Compiler, Sass, ์ด๋ ‡๊ฒŒ ์„ธ ๊ฐ€์ง€์˜ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ, ํ™˜๊ฒฝ ์„ค์ • ํƒญ ์ƒ๋‹จ์˜ ๊ฒ€์ƒ‰์ฐฝ์— ใ€Œformatsใ€๋ฅผ ๊ฒ€์ƒ‰ํ•œ ๋‹ค์Œ Live Sass Compiler ํ•ญ๋ชฉ์—์„œ [Edit in setting.json]์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. ์œ„ ์‚ฌ์ง„์ฒ˜๋Ÿผ ํŽธ์ง‘ ํŒŒ์ผ์ด ์—ด๋ฆดํ…๋ฐ ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ๋ง๋ถ™์—ฌ์ฃผ์„ธ์š”. "liveSassCompile.settings.generateMap": false, "liveSassCompile.settings.formats": [ // { // "format": "expanded", .. 2022. 9. 19.
[VSCode] ํ”„๋ฆฌํ‹ฐ์–ด(Prettier) ์„ค์น˜ ๋ฐ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• VSCode Prettier(ํ”„๋ฆฌํ‹ฐ์–ด)๋ž€? VSCode์—์„œ ๊น”์•„๋‘๋ฉด ์ข‹์€ ํ”„๋กœ๊ทธ๋žจ Prettier(ํ”„๋ฆฌํ‹ฐ์–ด)๐Ÿ˜ ์„ค์น˜๋งŒ ํ•˜๋ฉด ์•Œ์•„์„œ ์ž๋™ ์ค„ ์ •๋ ฌ์„ ํ•ด ์ค„ ๊ฑฐ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋Š”๋ฐ ์ „ํ˜€ ๋จนํžˆ์งˆ ์•Š์•„ ๊ณ ๋ฏผ์ธ ๋ถ„ ๊ณ„์‹ ๊ฐ€์š”? ์•ˆํƒ€๊น๊ฒŒ๋„ ์„ค์น˜๋งŒ์œผ๋กœ ์ ์šฉ์ด ๋˜์ง€ ์•Š์œผ๋ฉฐ ๋”ฐ๋กœ ๊ท€์ฐฎ๊ฒŒ ์„ค์ •ํ•ด์ค˜์•ผ ํ•˜๋Š” ์†์ด ๋งŽ์ด ๊ฐ€๋Š” ๋…€์„์ž…๋‹ˆ๋‹ค. ์ง€๊ธˆ๋ถ€ํ„ฐ ์ด ํ”„๋ฆฌํ‹ฐ์–ด๋ฅผ ์ ์šฉ์‹œํ‚ค๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์„ค๋ช…๋“œ๋ฆฌ๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Prettier(ํ”„๋ฆฌํ‹ฐ์–ด)๋ฅผ ์ ์šฉ์‹œ์ผœ๋ณด์ž! ๋จผ์ €, VSCode ์ขŒ์ธก ํ•˜๋‹จ์˜ ํ™˜๊ฒฝ ์„ค์ • ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด ์ค€ ๋‹ค์Œ, [Settings (Ctrl+)]๋ฅผ ํด๋ฆญํ•˜์„ธ์š”. ๊ทธ๋Ÿฐ ๋‹ค์Œ, ํ™˜๊ฒฝ ์„ค์ • ํƒญ ์ƒ๋‹จ์˜ ๊ฒ€์ƒ‰์ฐฝ์— ใ€Œeditor format on saveใ€๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ณ  ๊ฐ€์žฅ ๋จผ์ € ๋‚˜์˜ค๋Š” [Editor: Format On Save] ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์ฒด.. 2022. 9. 5.
๋ฐ˜์‘ํ˜•

Reference Book

JavaScript
HTML
CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘์ž…๋‹ˆ๋‹ค.