Vscode: ์ €์žฅ์‹œ ํ˜•์‹ (์˜ˆ์œ)์ด ์ตœ์‹  ์—…๋ฐ์ดํŠธ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2020๋…„ 10์›” 10์ผ  ยท  67์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: microsoft/vscode

์ €์žฅ์‹œ ํ˜•์‹ (์˜ˆ์œ)์ด ์ตœ์‹  ์—…๋ฐ์ดํŠธ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

Prettier๋ฅผ ์—ฌ๋Ÿฌ ๋ฒˆ ๋‹ค์‹œ ์„ค์น˜ํ•˜๊ณ  ์„ค์ •์„ ํ™•์ธํ•œ ํ›„ VSCode ์—…๋ฐ์ดํŠธ ์งํ›„์— ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

https://gyazo.com/f07a3bfd0733edeed2a8d213fc3d21ac

*question formatting

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  67 ๋Œ“๊ธ€

๊ฐ™์€ ๋ฌธ์ œ

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์˜ˆ, ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ์ž‘๋™ํ–ˆ์ง€๋งŒ vscode์— ๋Œ€ํ•ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์„ค์ •ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ณ„๋กœ ์ž‘์„ฑ๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๋‚˜์—๊ฒŒ๋„ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์ง€๋งŒ ์ „ ์„ธ๊ณ„์ ์œผ๋กœ๊ฐ€ ์•„๋‹Œ ํŠน์ • ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•ด ๋” ์˜ˆ์˜๊ธฐ๋ฅผ ์›ํ•˜๋Š” ์‹œ๋‚˜๋ฆฌ์˜ค๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ˜ข

๋‚˜์—๊ฒŒ๋„ _VSCode_์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ prettier ๋ฅผ ์„ ํƒํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ์–ธ์–ด๋กœ ์ž‘์—… ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค . ๋ฃจ๋น„๋„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š”๋ฐ rubocop ํฌ๋งทํ„ฐ์—์„œ๋„ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1.50.0๋ถ€ํ„ฐ ์ž‘๋™์ด ์ค‘์ง€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋ฆฌ๊ณ  VSCode์— ๋Œ€ํ•ด ์ „ ์„ธ๊ณ„์ ์œผ๋กœ 2 ๊ฐœ์˜ ๋‹ค๋ฅธ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ๋“ ์ง€ ์œ„์—์„œ ์„ค๋ช…ํ•œ @ j-francisco ์˜ต์…˜์„ ์ฐพ๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ :

ํŒŒ์ผ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Windows ์šฉ)
์ฝ”๋“œ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Mac ์šฉ)

"๊ธฐ๋ณธ ํฌ๋งทํ„ฐ"๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค. ๋“œ๋กญ ๋‹ค์šด์—์„œ prettier ๋Š”

image

@AlissonRS Thx

@ j-francisco ๋ฐ @AlissonRS ์˜ ์œ„ ์†”๋ฃจ์…˜์€ ๋” ์˜ˆ์œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์ง€๋งŒ ์ €์—๊ฒŒ๋Š” ๋‹ค๋ฅธ ๋ชจ๋“  ์–ธ์–ด ์„ค์ •๋„ ์—‰๋ง์ด๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํŒŒ์ด์ฌ์˜ ๊ฒฝ์šฐ black ํฌ๋งทํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ prettier๋ฅผ ์„ ํƒํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. black ๋ฅผ ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์„ ํƒํ•˜๋ฉด prettier ๊ฐ€ js ํŒŒ์ผ์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ž๋™ ๊ฐ์ง€ ์–ธ์–ด ๋ฐ ํฌ๋งทํ„ฐ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์•„์‹ญ๋‹ˆ๊นŒ?

๋‚˜๋Š” ์ด๊ฒƒ์— ์˜์กดํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์˜ ์ขŒ์ ˆ๊ฐ์„ ์ดํ•ดํ•ฉ๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” Headwind์™€ ๊ฐ™์€ ๋‹ค๋ฅธ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. VS Code์˜ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ž…๋‹ˆ๊นŒ, ์•„๋‹ˆ๋ฉด ๋„ค์ž„ ์ŠคํŽ˜์ด์Šค / ์ฝ”๋“œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝ ํ•œ ๊ฒƒ์ด ๋” ์˜ˆ์˜์Šต๋‹ˆ๊นŒ?

๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ๊ณ ์ •ํ•˜๊ณ  ์ง€๊ธˆ์€ ํ˜ผ์ž์—์„œ ๋‹ค์‹œ ํŒŒ์‚ฐ์ด ์•„๋ฌด๋Ÿฐ ํšจ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค https://github.com/microsoft/vscode/issues/108447#issuecomment -707236252 ํŽธ์ง‘ ์ง์ ‘ ์ €์žฅ์— ๋Œ€ํ•œ ํ˜•์‹์„ ๊ฒ€์ƒ‰ํ•˜๊ณ  ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋‹ค์‹œ ๊ณ ์ •ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์—ฌ๊ธฐ์„œ ๋ฌธ์ œ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์„ค์ • ( editor.defaultFormatter )์ด ๋” ์ด์ƒ ์‚ด์•„ ์žˆ์ง€ ์•Š์Šต๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ์ €์žฅ์‹œ ํฌ๋งท ์„ค์ • (๊ธฐ๋ณธ์ ์œผ๋กœ ๊บผ์ ธ ์žˆ์Œ) ( editor.formatOnSave )์ด ์„ค์ •๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๊นŒ?

@jrieken ๊ทธ๊ฒƒ์€ editor.formatOnSave ์™€ ๊ด€๋ จ์ด ์—†์œผ๋ฉฐ ๋ฌธ์ œ๋Š” ๋” ์˜ˆ์˜๊ฒŒ ์ž‘๋™์„ ์ค‘์ง€ํ•˜๊ณ  ์ˆ˜๋™ ์„œ์‹ (SHIFT + ALT + F)์ด ์ž‘๋™ํ•˜์ง€ ์•Š์•˜๊ณ  editor.defaultFormatter ๋ฅผ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ • ํ•œ ํ›„ ๋‹ค์‹œ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚˜์—๊ฒŒ ๋ถ„๋ช…ํ•˜์ง€ ์•Š์€ ๊ฒƒ์€ ์ƒˆ VS ์ฝ”๋“œ๊ฐ€ ์‹ค์ˆ˜๋กœ editor.defaultFormatter (null๋กœ ์—…๋ฐ์ดํŠธ ๋จ)๋ฅผ ์ œ๊ฑฐํ–ˆ๊ฑฐ๋‚˜ editor.defaultFormatter ๊ฐ€ ํ•ญ์ƒ null ์ด์—ˆ์ง€๋งŒ ์ด์ „ VS Code ๋ฒ„์ „์ด ์ œ๋Œ€๋กœ ์ฒ˜๋ฆฌ ํ•  ์ˆ˜ โ€‹โ€‹์žˆ์—ˆ๋˜ ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์—ฌ์ „ํžˆ ๋” ์˜ˆ์˜๊ฒŒ ์ž‘์—…ํ•ฉ๋‹ˆ๋‹ค.

๋‚˜์—๊ฒŒ ๋ช…ํ™•ํ•˜์ง€ ์•Š์€ ๊ฒƒ์€ ์ƒˆ VS ์ฝ”๋“œ๊ฐ€ ์‹ค์ˆ˜๋กœ editor.defaultFormatter๋ฅผ ์ œ๊ฑฐํ–ˆ๋Š”์ง€ (null๋กœ ์—…๋ฐ์ดํŠธ ํ–ˆ์Œ) ๋˜๋Š” editor.defaultFormatter๊ฐ€ ํ•ญ์ƒ null ์ด์—ˆ์ง€๋งŒ ์ด์ „ VS Code ๋ฒ„์ „์ด ์ œ๋Œ€๋กœ ์ฒ˜๋ฆฌํ•˜๊ณ  ์—ฌ์ „ํžˆ ๋” ์˜ˆ์œ ์ž‘์—…์„ ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค.

๋„ค, ๊ทธ๊ฒŒ ์งˆ๋ฌธ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ editor.defaultFormatter ์€ null ์ž…๋‹ˆ๋‹ค. ๋˜ํ•œ ์„ค์ •์€ ์–ธ์–ด๋ณ„๋กœ ๊ตฌ์„ฑ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. UI๊ฐ€ ์ง€์›ํ•˜์ง€ ์•Š๊ณ  JSON ๊ธฐ๋ฐ˜ ํŽธ์ง‘๊ธฐ๊ฐ€ ํ•„์š”ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์—ฌ๊ธฐ์„œ ๋ฌธ์ œ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์„ค์ • ( editor.defaultFormatter )์ด ๋” ์ด์ƒ ์‚ด์•„ ์žˆ์ง€ ์•Š์Šต๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ์ €์žฅ์‹œ ํฌ๋งท ์„ค์ • (๊ธฐ๋ณธ์ ์œผ๋กœ ๊บผ์ ธ ์žˆ์Œ) ( editor.formatOnSave )์ด ์„ค์ •๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๊นŒ?

์ œ ๊ฒฝ์šฐ์—๋Š” ๋‘˜ ๋‹ค ๋จผ์ € editor.defaultFormatte๊ฐ€ null์ด์—ˆ๊ณ , ํ•˜๋ฃจ ํ›„์— ( editor.formatOnSave )๊ฐ€ ๋” ์ด์ƒ ํ™œ์„ฑํ™”๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

@ivanjeremic ์„ค์ • ๋™๊ธฐํ™”๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ๋‹ˆ๊นŒ?

@ivanjeremic ์„ค์ • ๋™๊ธฐํ™”๋ฅผ ์‚ฌ์šฉํ•˜์‹ญ๋‹ˆ๊นŒ?

๋„ค ์ €๋„ ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์–ด๋–ค ์„ค์ •๋„ ๋™๊ธฐํ™”ํ•˜์ง€ ์•Š์œผ๋ฉฐ ์˜ˆ, ๋‚ด editor.defaultFormatter ์€ null ๋Œ€์‹  esbenp.prettier-vscode ์ž…๋‹ˆ๋‹ค. ์ฝ”๋“œ ๋ช…์„ ๋ณ€๊ฒฝํ–ˆ์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์–ด์จŒ๋“  ์—ฌ๊ธฐ์—์„œ๋Š” ์˜ฌ๋ฐ”๋ฅธ ํฌ๋งทํ„ฐ๋ฅผ ์„ค์ •ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ข‹์Šต๋‹ˆ๋‹ค. ๐Ÿ‘๐Ÿป

@nicolasrouanne ๊ณผ ๋™์ผํ•œ ๋™์ž‘์ด

@ ap00rv ๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์žฌํ˜„ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋” ์˜ˆ์˜๊ฒŒ ์„ค์น˜ํ•˜๊ณ  typescript-files์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๊ตฌ์„ฑํ•˜๊ณ  ์ €์žฅ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

{
    "editor.formatOnSave": true,
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

๊ท€ํ•˜ (๋˜๋Š” ๋ˆ„๊ตฐ๊ฐ€)๊ฐ€ ์žฌํ˜„ ๊ฐ€๋Šฅํ•œ ๋‹จ๊ณ„๋ฅผ ๋‚˜์™€ ๊ณต์œ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์•ˆ๋…•ํ•˜์„ธ์š” @jrieken , ์ž‘์—… ๊ณต๊ฐ„ ์ˆ˜์ค€์—์„œ๋งŒ ์œ„์˜ ์„ค์ •์„ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ (์‚ฌ์šฉ์ž ์„ค์ •์˜ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋Š” null์ด์–ด์•ผ ํ•จ). ๊ทธ๋Ÿฌ๋ฉด ์–ด๋–ค ์ผ์ด ๋ฐœ์ƒํ•˜๋Š”์ง€ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๊ทธ๋ž˜, ๊ทธ๊ฒŒ ๋‚ด๊ฐ€ ๊ฐ€์ง„๊ฑฐ์•ผ.

์•Œ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ์ž‘์—… ๊ณต๊ฐ„ ์„ค์ • ์—์„œ๋งŒ ๋‹ค์Œ์„ ์„ค์ • ํ•œ ํ›„ ํ˜„์žฌ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค. ๋ฌธ์ œ๋ฅผ ์ผ์œผ์ผœ์„œ ๋ฏธ์•ˆ ํ•ด์š”.

"editor.codeActionsOnSave": {
      // For ESLint
      "source.fixAll.eslint": true
    },
    "[typescript]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

๋‚ด ๋™๋ฃŒ์™€ ๋‚˜๋Š” ๋ชจ๋‘ VS Code 1.50.1 ๋ฐ Prettier ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ 5.7.1 ํ•˜๊ณ  ์žˆ์ง€๋งŒ ์ผ๋ถ€๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ์ผ๋ถ€๋Š” ํ‘œ์‹œ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ ์—ฌ๊ธฐ์—์„œ ๋‹ค๋ฅธ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๋ฌธ์ œ์— ์ง๋ฉด ํ•œ ๋™๋ฃŒ์˜ ๊ฒฝ์šฐ @dlsso ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ž‘์—… ๊ณต๊ฐ„์˜ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ ์„ค์ •์ด ๋‹ค๋ฅธ ๊ณณ์—์„œ ์žฌ์ •์˜๋˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒŒ ๋‚ด ๊ฒฝ์šฐ์— ์ผ์–ด๋‚œ ์ผ์ž…๋‹ˆ๋‹ค. ESlint linting์€ ์—ฌ๊ธฐ์— ์ œ๊ณต๋œ ๋‹ค๋ฅธ ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์„ฑํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์ข‹์€ ์ƒ๊ฐ์ด์ง€๋งŒ ๋ฆฐํ„ฐ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ๋Ÿด ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. AllisionRS๊ฐ€ ์ œ์•ˆํ•œ๋Œ€๋กœ ๊ธฐ๋ณธ๊ฐ’์„ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ด ์šฐ๋ฆฌ์—๊ฒŒ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ์œผ๋ฏ€๋กœ ์„ธ์ƒ์˜ ๋์ด ์•„๋‹™๋‹ˆ๋‹ค. ๊ทธ๋ž˜๋„ ์›์ธ์ด ๋ฌด์—‡์ธ์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค.

beautify ํ™•์žฅ์— ๋Œ€ํ•ด ๋น„์Šทํ•œ ๋ฌธ์ œ๋ฅผ ์ œ๊ธฐํ–ˆ์Šต๋‹ˆ๋‹ค. https://github.com/microsoft/vscode/issues/108878

์—ฌ๊ธฐ์— ๋ฐฉ๋ฒ•์„ ๋”ฐ๋ฅด๊ณ  vscode 1.50.1์—์„œ ๋‚˜๋ฅผ ์œ„ํ•ด ๊ธฐ๋ณธ ์ˆ˜์ •์œผ๋กœ ์„ค์ •

๋‚˜๋Š” ๋˜ํ•œ ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ๋ณด๊ณ ์žˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ์šฉ์ž ๋˜๋Š” ์ž‘์—… ์˜์—ญ ์ˆ˜์ค€์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์„ค์ •ํ•ด๋„ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ €์žฅ์‹œ ํฌ๋งท์€ ์‚ฌ์šฉ์ž ๋ฐ ์ž‘์—… ์˜์—ญ ์ˆ˜์ค€์—์„œ ๊ณ„์† ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ์ฃผ๊ธฐ์ ์œผ๋กœ (์ง€๋‚œ ์ฃผ ์ •๋„) ์—ฌ๊ธฐ์ €๊ธฐ์„œ ๋” ์˜ˆ์œ ์‚ฌ๋žŒ์ด ์™œ ์ผ์„ ๋ฉˆ์ท„๋Š”์ง€ ์•Œ์•„ ๋‚ด๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜ ๋ฐ”๋กœ์ด ๋ฌธ์ œ๋ฅผ ๋ฐœ๊ฒฌํ–ˆ์œผ๋ฉฐ ์œ„์˜ ์Šค๋ ˆ๋“œ์—์žˆ๋Š” ์ œ์•ˆ ์‚ฌํ•ญ์— ๋”ฐ๋ผ ํ•ด๊ฒฐํ•  ์ˆ˜์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

1) ์„ค์ •์„ ์—ด๊ณ  "๊ธฐ๋ณธ ํฌ๋งทํ„ฐ"๋ฅผ ๊ฒ€์ƒ‰ํ–ˆ์Šต๋‹ˆ๋‹ค. "Editor : Default Formatter"๊ฐ€ null๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ณ  ๋“œ๋กญ ๋‹ค์šด์—์„œ ๋” ์˜ˆ์˜๊ฒŒ ํ•  ์ˆ˜์žˆ๋Š” ์˜ต์…˜์ด ์—†๋‹ค๊ณ  ์–ธ๊ธ‰ํ–ˆ์Šต๋‹ˆ๋‹ค.
2) ๋™์ผํ•œ ์„ค์ • ํ™”๋ฉด์˜ ์˜ค๋ฅธ์ชฝ ์ƒ๋‹จ์—์žˆ๋Š” ์•„์ด์ฝ˜์„ ํด๋ฆญํ•˜์—ฌ Json ์„ค์ •์„ ์—ด์—ˆ์Šต๋‹ˆ๋‹ค.
image

3) json ์„ค์ •์— ๋‹ค์Œ ์ค„์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

์ด ํŽ˜์ด์ง€์—์„œ ํ•ด๋‹น ๋ผ์ธ์„ ๊ฐ€์ ธ ์™”์Šต๋‹ˆ๋‹ค : https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ๋“ ์ง€ ์œ„์—์„œ ์„ค๋ช…ํ•œ @ j-francisco ์˜ต์…˜์„ ์ฐพ๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ :

ํŒŒ์ผ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Windows ์šฉ)
์ฝ”๋“œ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Mac ์šฉ)

"๊ธฐ๋ณธ ํฌ๋งทํ„ฐ"๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค. ๋“œ๋กญ ๋‹ค์šด์—์„œ prettier ๋Š”

image

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค!

์—ฌ๊ธฐ์„œ ์กฐ์‚ฌ๊ฐ€ ํ•„์š”ํ•œ ์œ ์ผํ•œ ๊ฒƒ์€ VSCode์˜ ์‚ฌ์šฉ์ž ์„ค์ •์— ๋Œ€ํ•œ ์ž‘์—… ์˜์—ญ ์„ค์ •์˜ ๊ธฐ๋ณธ ๊ธฐ๋ณธ ์„ค์ •์ด ์—ฌ๊ธฐ์— ์–ธ๊ธ‰ ๋œ๋Œ€๋กœ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜๋Š”์ง€ ์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค.

์ž‘์—… ๊ณต๊ฐ„ ์„ค์ •์€ ์‚ฌ์šฉ์ž ์„ค์ •๋ณด๋‹ค ์šฐ์„ ํ•ฉ๋‹ˆ๋‹ค.

cc @jrieken

๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.
Vetur๋Š” ์ž๋™ ์„œ์‹์ด ์ž‘๋™ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. https://github.com/vuejs/vetur/issues/2388
๊ทธ๋Ÿฌ๋‚˜ ์„ค์ •์œผ๋กœ ์ด๋™ํ•˜์—ฌ ํ˜•์‹์„ ๊ป๋‹ค๊ฐ€ ์ผœ๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

vetur์—์„œ๋Š” ๊ตฌ์„ฑ ๋ณ€๊ฒฝ์‹œ LSP์— DocumentFormattingRequest ๋ฅผ ๋“ฑ๋กํ•ฉ๋‹ˆ๋‹ค.
https://github.com/vuejs/vetur/blob/master/server/src/services/vls.ts#L142
LSP ์„œ๋ฒ„๊ฐ€ ์‹œ์ž‘๋  ๋•Œ ํ•œ ๋ฒˆ ํŠธ๋ฆฌ๊ฑฐ๋œ๋‹ค๋Š” ์„ค๋ช…๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ https://github.com/microsoft/vscode/issues/106376 ์ˆ˜์ •์—์„œ ๋‚˜์˜จ ๊ฒƒ์ž…๋‹ˆ๋‹ค

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ ๊ตฌ์„ฑ

์ด๋ฏธ ์ œ์•ˆํ–ˆ๋“ฏ์ด ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ๋ฒ•์€ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์–ธ์–ด๋ณ„๋กœ ๊ฐ€์žฅ ์ž˜ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜ ์Šค ๋‹ˆํŽซ์€ javascript ์˜ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ( esbenp.prettier-vscode ) ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค.

"[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
}
์•Œ๋ฆผ์„ ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์‹ค์ œ๋กœ ์•Œ๋ฆผ์„ ํ‘œ์‹œํ•˜์ง€๋งŒ "๋ฌธ์„œ / ์„ ํƒ ํ˜•์‹ ์ง€์ •"์ž‘์—…์„ ํ†ตํ•ด ์ €์žฅ์ด ๋ช…์‹œ ์ ์œผ๋กœ ํŠธ๋ฆฌ๊ฑฐ ๋œ ๊ฒฝ์šฐ์—๋งŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์ €์žฅ์‹œ ํ˜•์‹์€ ์ €์žฅ์ด ํ•ญ์ƒ ์‚ฌ์šฉ์ž ์ œ์Šค์ฒ˜์—์„œ ๋ฐœ์ƒํ•ด์„œ๋Š” ์•ˆ๋˜๋ฏ€๋กœ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด "์ง€์—ฐ ํ›„ ์ €์žฅ"๋˜๋Š” "์ดˆ์  ์ €์žฅ์‹œ ์ €์žฅ"์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ฒฝ์šฐ ์•Œ๋ฆผ์€ ์ž์‹ ์„ ์ž˜ ์„ค๋ช…ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋ถˆ์พŒํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ๋ณ€๊ฒฝํ•ด๋„ ํšจ๊ณผ๊ฐ€ ์—†์—ˆ์ง€๋งŒ ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค.

ํŒŒ์ผ์„ ์—ด๊ณ  ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋‹จ์ถ”๋กœ ํด๋ฆญ ํ•œ ๋‹ค์Œ ๋ฌธ์„œ ์„œ์‹์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. ํฌ๋งทํ„ฐ๊ฐ€ ์„ค์ •๋˜์ง€ ์•Š์•˜๊ฑฐ๋‚˜ ํฌ๋งทํ„ฐ๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๋Š” ์˜ค๋ฅ˜ ํŒ์—…์ด ๋‚˜ํƒ€๋‚  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŒ์—…์„ ํด๋ฆญ ํ•œ ๋‹ค์Œ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์œ ๊ฒƒ์„ ์„ ํƒํ•˜์‹ญ์‹œ์˜ค.

์œ„์˜ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋ฉด ์ด์ œ ์ €์žฅ์‹œ ํ˜•์‹์ด ๋ชจ๋“  ํŒŒ์ผ์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์ •๋ง ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ๋“ ์ง€ ์œ„์—์„œ ์„ค๋ช…ํ•œ @ j-francisco ์˜ต์…˜์„ ์ฐพ๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ :

ํŒŒ์ผ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Windows ์šฉ)
์ฝ”๋“œ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Mac ์šฉ)

"๊ธฐ๋ณธ ํฌ๋งทํ„ฐ"๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค. ๋“œ๋กญ ๋‹ค์šด์—์„œ prettier ๋Š”

image

๋‚˜๋ฅผ ์œ„ํ•ด ๊ณ ์ณ, thx!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋‚˜์—๊ฒŒ๋„ ๋˜‘๊ฐ™์€ ์ƒ๊ฐ์„ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

@ j-francisco ๋ฐ @AlissonRS ์˜ ์œ„ ์†”๋ฃจ์…˜์€ ๋” ์˜ˆ์œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜์ง€๋งŒ ์ €์—๊ฒŒ๋Š” ๋‹ค๋ฅธ ๋ชจ๋“  ์–ธ์–ด ์„ค์ •๋„ ์—‰๋ง์ด๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํŒŒ์ด์ฌ์˜ ๊ฒฝ์šฐ black ํฌ๋งทํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ prettier๋ฅผ ์„ ํƒํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. black ๋ฅผ ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ ์„ ํƒํ•˜๋ฉด prettier ๊ฐ€ js ํŒŒ์ผ์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ž๋™ ๊ฐ์ง€ ์–ธ์–ด ๋ฐ ํฌ๋งทํ„ฐ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์•„์‹ญ๋‹ˆ๊นŒ?

@iNishant ์‚ฌ์šฉ์ž๊ฐ€ ์•„๋‹Œ ์ž‘์—… ๊ณต๊ฐ„์— ๋Œ€ํ•œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ ๋งŒ ์„ค์ •ํ•ด์•ผํ•ฉ๋‹ˆ๊นŒ?

Screen Shot 2020-10-24 at 10 40 26 AM

Screen Shot 2020-10-24 at 10 43 37 AM

๋” ์˜ˆ์˜๊ฒŒ ์„ค์ • ํ•œ ํ›„ ํฌ๋งท์— ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๋ถ„๋“ค์€ ๋” ์˜ˆ์˜๊ฒŒ ํฌ๋งท์„ ๋ณ€๊ฒฝํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์–ธ์–ด์— ๋Œ€ํ•œ ์ฝ”๋“œ๋ฒ ์ด์Šค. ๋‚˜๋Š” ์ง€๊ธˆ JS๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋งŒ ๋ฐ˜์‘์—์„œ ์ผํ•˜๊ณ  ์žˆ๋‹ค๋ฉด ๊ทธ๊ฒƒ์„ ์ „ํ™˜ ํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋ฌธ์ œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ๊ฑด๋ฐฐ!

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๋ฅผ ๊ฐ€์ง€๊ณ  ๋†€๊ณ  ์žˆ์—ˆ๋‹ค. prettier๋ฅผ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ์ „์—ญ ์ ์œผ๋กœ ์„ค์ •ํ•˜๊ฑฐ๋‚˜ ๊ตฌ์„ฑ ์„ค์ •์„ํ•˜๊ธฐ ์ „์— ๋” ์˜ˆ์œ ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ์ œ๊ฑฐํ•˜๊ณ  ๋‹ค์‹œ ์„ค์น˜ํ•ด ๋ณด๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์ผ๋ถ€ ๊ตฌ์„ฑ ๋˜๋Š” ๋ฌด์–ธ๊ฐ€๋ฅผ ์žฌ์„ค์ • ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๋จผ์ € ์‹œ๋„ํ•ด ๋ณด๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค ๐Ÿคทโ€โ™‚๏ธ

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค <3

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋‚˜์—๊ฒŒ๋„ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ•˜์—ฌ ๊ฒฐ๊ณผ๊ฐ€์—†๋Š” ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์„ค์ •ํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ์œผ๋ฉฐ ์„ค์ • ํŒŒ์ผ์„ JSON์œผ๋กœ ํŽธ์ง‘ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ์ „์— ์–ธ๊ธ‰ ํ•œ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

"[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },

๋„์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ๋‹ค

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ

null ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ? ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํ•ด๊ฒฐ์ฑ…์€ ์ œ๋ฐœ!

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ

null ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ? ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํ•ด๊ฒฐ์ฑ…์€ ์ œ๋ฐœ!

์•ˆ๋…•ํ•˜์„ธ์š” krittiyaclark, ์„ค์ •์„ JSON์œผ๋กœ ์ง์ ‘ ํŽธ์ง‘ ํ•ด๋ณด์‹ญ์‹œ์˜ค.

์ด๊ฒƒ์€ # 106376์„ ์ˆ˜์ • ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ณ€๊ฒฝํ•˜๊ธฐ ์ „์— VS Code๋Š” ์—ฌ๋Ÿฌ ํฌ๋งทํ„ฐ๊ฐ€ ์žˆ๊ณ  ๊ตฌ์„ฑ๋œ ๊ธฐ๋ณธ๊ฐ’์ด์—†๋Š” ๊ฒฝ์šฐ ์ž„์˜์˜ ํฌ๋งทํ„ฐ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค (์ €์žฅ์‹œ ํฌ๋งท ์ค‘). ๋‚˜๋Š” ์ด๊ฒƒ์ด ์–ผ๋งˆ๋‚˜ ๋ถˆ์พŒํ•œ ์ง€ ์ดํ•ดํ•˜์ง€๋งŒ ์šฐ์—ฐํžˆ ๋งŒ ์ž‘๋™ํ•˜๊ธฐ ์ „์— ์ด๊ฒƒ์„ ํšŒ๊ท€๋ผ๊ณ  ๋ถ€๋ฅด์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ ๊ตฌ์„ฑ

์ด๋ฏธ ์ œ์•ˆํ–ˆ๋“ฏ์ด ์˜ฌ๋ฐ”๋ฅธ ๋ฐฉ๋ฒ•์€ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์–ธ์–ด๋ณ„๋กœ ๊ฐ€์žฅ ์ž˜ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜ ์Šค ๋‹ˆํŽซ์€ javascript ์˜ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ( esbenp.prettier-vscode ) ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค.

"[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
}
์•Œ๋ฆผ์„ ํ‘œ์‹œํ•˜์ง€ ์•Š๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์‹ค์ œ๋กœ ์•Œ๋ฆผ์„ ํ‘œ์‹œํ•˜์ง€๋งŒ "๋ฌธ์„œ / ์„ ํƒ ํ˜•์‹ ์ง€์ •"์ž‘์—…์„ ํ†ตํ•ด ์ €์žฅ์ด ๋ช…์‹œ ์ ์œผ๋กœ ํŠธ๋ฆฌ๊ฑฐ ๋œ ๊ฒฝ์šฐ์—๋งŒ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ์ €์žฅ์‹œ ํ˜•์‹์€ ์ €์žฅ์ด ํ•ญ์ƒ ์‚ฌ์šฉ์ž ์ œ์Šค์ฒ˜์—์„œ ๋ฐœ์ƒํ•ด์„œ๋Š” ์•ˆ๋˜๋ฏ€๋กœ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด "์ง€์—ฐ ํ›„ ์ €์žฅ"๋˜๋Š” "์ดˆ์  ์ €์žฅ์‹œ ์ €์žฅ"์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ฒฝ์šฐ ์•Œ๋ฆผ์€ ์ž์‹ ์„ ์ž˜ ์„ค๋ช…ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋ถˆ์พŒํ•ฉ๋‹ˆ๋‹ค.

์ด ์†”๋ฃจ์…˜์€ ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

https://github.com/microsoft/vscode/issues/108447#issuecomment -707236252

2020 ๋…„ 10 ์›” 28 ์ผ ์ˆ˜์š”์ผ ์˜คํ›„ 9์‹œ 23 ๋ถ„ Carlos Villarroel [email protected]
์ผ๋‹ค :

๊ธฐ๋ณธ ํฌ๋งทํ„ฐ

null๋กœ ์„ค์ • ํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ? ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ํ•ด๊ฒฐ์ฑ…์€ ์ œ๋ฐœ!

์•ˆ๋…•ํ•˜์„ธ์š” krittiyaclark, ์„ค์ •์„ JSON์œผ๋กœ ์ง์ ‘ ํŽธ์ง‘ ํ•ด๋ณด์‹ญ์‹œ์˜ค.

โ€”
๋Œ“๊ธ€์„ ๋‹ฌ์•˜ ๊ธฐ ๋•Œ๋ฌธ์— ์ˆ˜์‹  ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ณ  GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/microsoft/vscode/issues/108447#issuecomment-718028524 ,
๋˜๋Š” ๊ตฌ๋… ์ทจ์†Œ
https://github.com/notifications/unsubscribe-auth/ALRSB3I7TAV33P2JBZDLNK3SNA475ANCNFSM4SLAZZCQ
.

-
๋ฌธ์•ˆ ์ธ์‚ฌ,
์Šค์™€ ํ‹ฐ ์Šˆ๋ ˆ ์•ผ

์‚ฌ์šฉ์ž ๋ฐ ์ž‘์—… ์˜์—ญ์—์„œ ์œ„์˜ ๋ชจ๋“  ์„ค์ •์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์ €์žฅํ•  ๋•Œ ์„œ์‹์„ ์ง€์ •ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ํฌ๋งทํ•˜๋ ค๋ฉด ๋” ์˜ˆ์˜๊ฒŒ ์ˆ˜๋™์œผ๋กœ ์„ ํƒํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

"์ €์žฅ์‹œ ํ˜•์‹"์„ค์ •์—์„œ ๊ฒ€์ƒ‰ํ•ด๋ณด์‹ญ์‹œ์˜ค. ๊ทธ๊ฒƒ์— ๋Œ€ํ•œ ํ™•์ธ๋ž€์ด ์žˆ์Šต๋‹ˆ๋‹ค.
์„ ํƒํ•˜์ง€ ์•Š์œผ๋ฉด ์ €์žฅํ•  ๋•Œ ํฌ๋งท๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

2020 ๋…„ 10 ์›” 28 ์ผ ์ˆ˜์š”์ผ ์˜คํ›„ 1์‹œ 16 ๋ถ„ Gopinath Prasanna [email protected]
์ผ๋‹ค :

์‚ฌ์šฉ์ž์™€ ์ž‘์—… ๊ณต๊ฐ„์—์„œ ์œ„์˜ ๋ชจ๋“  ์„ค์ •์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ
์ €์žฅ์‹œ ์„œ์‹. ํฌ๋งทํ•˜๋ ค๋ฉด ๋” ์˜ˆ์˜๊ฒŒ ์ˆ˜๋™์œผ๋กœ ์„ ํƒํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

โ€”
๋Œ“๊ธ€์„ ๋‹ฌ์•˜ ๊ธฐ ๋•Œ๋ฌธ์— ์ˆ˜์‹  ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ๋‹ต์žฅํ•˜๊ณ  GitHub์—์„œ ํ™•์ธํ•˜์„ธ์š”.
https://github.com/microsoft/vscode/issues/108447#issuecomment-718152465 ,
๋˜๋Š” ๊ตฌ๋… ์ทจ์†Œ
https://github.com/notifications/unsubscribe-auth/ANYV5RK6Z3SVWNXBBUI7DWLSNBUZZANCNFSM4SLAZZCQ
.

ํŒŒํ—ค ์น˜๊ธฐ ์œ„ํ•ด ๊ฝค ์˜ค๋žœ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ๋Š”๋ฐ, ๋ฌธ์ œ๋Š” editor.formatOnSaveMode ์ด modifications (์ตœ๊ทผ์— ์ถœ์‹œ ๋œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ)๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ณ  ๊ฒฐ๊ตญ file ๋กœ ์žฌ์„ค์ •ํ•ด์•ผํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค file .

  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file"

ํŒŒํ—ค ์น˜๊ธฐ ์œ„ํ•ด ๊ฝค ์˜ค๋žœ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ๋Š”๋ฐ, ๋ฌธ์ œ๋Š” editor.formatOnSaveMode ์ด modifications (์ตœ๊ทผ์— ์ถœ์‹œ ๋œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ)๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ณ  ๊ฒฐ๊ตญ file ๋กœ ์žฌ์„ค์ •ํ•ด์•ผํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค file .

  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file"

์ด๊ฒƒ์ด ๊ฐ€์žฅ ์ข‹์€ ๋Œ€๋‹ต ์ธ ๊ฒƒ ๊ฐ™์•„์š”

ํŒŒํ—ค ์น˜๊ธฐ ์œ„ํ•ด ๊ฝค ์˜ค๋žœ ์‹œ๊ฐ„์„ ๋ณด๋ƒˆ๋Š”๋ฐ, ๋ฌธ์ œ๋Š” editor.formatOnSaveMode ์ด modifications (์ตœ๊ทผ์— ์ถœ์‹œ ๋œ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ)๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ณ  ๊ฒฐ๊ตญ file ๋กœ ์žฌ์„ค์ •ํ•ด์•ผํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค file .

  "editor.formatOnSave": true,
  "editor.formatOnSaveMode": "file"

์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์ •๋ง ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค! ๐ŸŽ‰

์•ˆ๋…•ํ•˜์„ธ์š”! ์ฝ”๋“œ์— ๊ตฌ๋ฌธ ์˜ค๋ฅ˜๊ฐ€ ์—†๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ๋‹ค! ์ •๋ง ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค!

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•?

์ด ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์€ modifications ๋ชจ๋“œ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๊นŒ?

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ๋“ ์ง€ ์œ„์—์„œ ์„ค๋ช…ํ•œ @ j-francisco ์˜ต์…˜์„ ์ฐพ๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€์žˆ๋Š” ๊ฒฝ์šฐ :

ํŒŒ์ผ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Windows ์šฉ)
์ฝ”๋“œ-> ํ™˜๊ฒฝ ์„ค์ •-> ์„ค์ • (Mac ์šฉ)

"๊ธฐ๋ณธ ํฌ๋งทํ„ฐ"๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค. ๋“œ๋กญ ๋‹ค์šด์—์„œ prettier ๋Š”

image

์ƒ๋ช…์˜ ์€์ธ !!!

์งˆ๋ฌธ์œผ๋กœ ๋งˆ๋ฌด๋ฆฌ-์ปค๋ฎค๋‹ˆํ‹ฐ๊ฐ€ ์‹ ์†ํ•˜๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ๋‹ต๋ณ€ ํ•œ ๋‚ด์šฉ ๐Ÿ‘ ๊ฒฐ๋ก ์€ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํฌ๋งทํ„ฐ๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐœ์ธ ๊ฒฝ์šฐ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋ฅผ ์„ ํƒํ•ด์•ผํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๋Œ€๋ฐ•! ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค, ์ €๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค!

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!! ์˜ˆ๋ป์„œ ๋‹ค์‹œ ์ผ์„ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ ๋‹ค์‹œ ์ˆจ์„ ์‰ด ์ˆ˜์žˆ์„ ๊ฒƒ ๊ฐ™์€ ๊ธฐ๋ถ„ ์ด์—ˆ์–ด์š” ๐Ÿ˜‚

์„ค์ • ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

@ j-francisco ๊ณ ๋งˆ์›Œ์š”.

๋ฐฉ๊ธˆ ๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ์ผ์ด ์ผ์–ด๋‚ฌ์Šต๋‹ˆ๋‹ค. ์„ค์ •์—์„œ ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๋กœ ๋” ์˜ˆ์˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋‹ค์‹œ ์ž‘๋™ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ๊ธฐ๋ณธ ํฌ๋งทํ„ฐ๊ฐ€ null์ž…๋‹ˆ๋‹ค.

์žฅ๊ฐ‘์œผ๋กœ ์ผํ–ˆ์Šต๋‹ˆ๋‹ค, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

์ด ํ•„๋“œ๋ฅผ settings.json์— ๋„ฃ์Šต๋‹ˆ๋‹ค.

"editor.defaultFormatter": "esbenp.prettier-vscode","[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰