Community

๐Ÿ“Œ VSCode ์ต์Šคํ…์…˜ ์ถ”์ฒœ

์ธ์Šคํƒ€๊ทธ๋žจ ํŒ”๋กœ์›Œ๋ถ„๋“ค๊ณผ ์ œ๊ฐ€ ์ถ”์ฒœํ•˜๋Š” VSCode ์ต์Šคํ…์…˜์„ ๋ชจ์•„๋ดค์Šต๋‹ˆ๋‹ค. 1๏ธโƒฃย GitLens by GitKraken GitLens๋Š” ๊ฐ•๋ ฅํ•œ Git ํ†ตํ•ฉ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ์ดํ•ดํ•˜๊ณ  ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ถ”์ ํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๊ฐ€ ์ปค๋ฐ‹ ํžˆ์Šคํ† ๋ฆฌ์™€ ์ž‘์„ฑ์ž ์ •๋ณด๋ฅผ ์‰ฝ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋ฉฐ, Git์„ GUI๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2๏ธโƒฃย Todo Tree by Gruntfuggly Todo Tree๋Š” ์ฝ”๋“œ ๋‚ด์˜ TODO์™€ FIXME ํƒœ๊ทธ๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ์•„์ฃผ๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ํ•˜์ด๋ผ์ดํŠธํ•˜์—ฌ ์ž‘์—… ๋ชฉ๋ก์„ ์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๊ฐ€ ์ค‘์š”ํ•œ ์ž‘์—…์„ ๋†“์น˜์ง€ ์•Š๊ณ  ํšจ์œจ์ ์œผ๋กœ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 3๏ธโƒฃย Project Manager by Alessandro Fragnani ์ด ์ต์Šคํ…์…˜์€ ์—ฌ๋Ÿฌ ํ”„๋กœ์ ํŠธ ๊ฐ„์— ์‰ฝ๊ฒŒ ์ „ํ™˜ํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ ํ”„๋กœ์ ํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ฒ€์ƒ‰ํ•˜๊ณ  ์„ ํƒํ•˜์—ฌ ์ž‘์—… ๊ณต๊ฐ„์„ ํšจ์œจ์ ์œผ๋กœ ์กฐ์งํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋•์Šต๋‹ˆ๋‹ค. 4๏ธโƒฃย ES7+ React/Redux/React-Native snippets by dsznajder ์ด ์ต์Šคํ…์…˜์€ React, Redux ๋ฐ React Native ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํ•„์ˆ˜์ ์ธ ์ฝ”๋“œ ์Šค๋‹ˆํŽซ์„ ์ œ๊ณตํ•˜์—ฌ ๊ฐœ๋ฐœ ์‹œ๊ฐ„์„ ๋Œ€ํญ ์ค„์—ฌ์ค๋‹ˆ๋‹ค. ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์ฝ”๋“œ ํŒจํ„ด์„ ๋น ๋ฅด๊ฒŒ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค. 5๏ธโƒฃย Figma for VS Code by Figma Figma ์ต์Šคํ…์…˜์„ ์‚ฌ์šฉํ•˜๋ฉด ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž ๊ฐ„์˜ ํ˜‘์—…์ด ์šฉ์ดํ•ด์ง€๋ฉฐ, VSCode ๋‚ด์—์„œ ๋ฐ”๋กœ Figma ๋””์ž์ธ์„ ํ™•์ธํ•˜๊ณ  ์ฝ”๋“œ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ๋†’์ž…๋‹ˆ๋‹ค. 6๏ธโƒฃย Error Lens by Alexander Error Lens๋Š” ์ฝ”๋“œ ๋‚ด์˜ ์˜ค๋ฅ˜์™€ ๊ฒฝ๊ณ ๋ฅผ ์ฆ‰์‹œ ๊ฐ•์กฐ ํ‘œ์‹œํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฌธ์ œ๋ฅผ ๋” ๋น ๋ฅด๊ฒŒ ์‹๋ณ„ํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ฝ”๋“œ ํ’ˆ์งˆ์„ ๊ฐœ์„ ํ•˜๊ณ  ๋””๋ฒ„๊น… ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•˜๋Š” ๋ฐ ๊ธฐ์—ฌํ•ฉ๋‹ˆ๋‹ค. 7๏ธโƒฃย Auto Rename Tag by Jun Han Auto Rename Tag๋Š” HTML/XML ํƒœ๊ทธ ์ž‘์—…์„ ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“ค์–ด ์ฃผ๋ฉฐ, ํ•œ ํƒœ๊ทธ๋ฅผ ์ˆ˜์ •ํ•  ๋•Œ ์ž๋™์œผ๋กœ ์ง์„ ์ด๋ฃจ๋Š” ํƒœ๊ทธ๋„ ์ˆ˜์ •ํ•ด ์ค๋‹ˆ๋‹ค. ์ด๋Š” ๋งˆํฌ์—… ์ž‘์—…์˜ ์‹ค์ˆ˜๋ฅผ ์ค„์ด๊ณ  ์†๋„๋ฅผ ๋†’์—ฌ์ค๋‹ˆ๋‹ค. 8๏ธโƒฃย Code Spell Checker by Street Side Software ์ด ์ต์Šคํ…์…˜์€ ์ฝ”๋“œ ๋‚ด์˜ ์˜คํƒˆ์ž๋ฅผ ์‹๋ณ„ํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ „๋ฌธ์ ์ด๊ณ  ์˜ค๋ฅ˜ ์—†๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ์–ธ์–ด ์ง€์›์œผ๋กœ ๊ธ€๋กœ๋ฒŒ ํ”„๋กœ์ ํŠธ์—๋„ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. 9๏ธโƒฃย vscode-hanspell by Hyunrae Cho vscode-hanspell์€ ํ•œ๊ตญ์–ด ๋งž์ถค๋ฒ•๊ณผ ๋ฌธ๋ฒ• ๊ฒ€์‚ฌ๋ฅผ ์ง€์›ํ•˜์—ฌ ํ•œ๊ตญ์–ด๋กœ ์ฃผ์„์„ ๋‹ฌ๊ฑฐ๋‚˜ ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋งˆํฌ๋‹ค์šด ๋ฌธ๋ฒ•์œผ๋กœ ๋ธ”๋กœ๊ทธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฒฝ์šฐ ๋” ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค