Skip to main content

Github Codespaces์—์„œ Visual Studio Code ๋ช…๋ น ํŒ”๋ ˆํŠธ ์‚ฌ์šฉ

Visual Studio Code์˜ ๋ช…๋ น ํŒ”๋ ˆํŠธ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์—ฌ GitHub Codespaces์˜ ์—ฌ๋Ÿฌ ๋ช…๋ น์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Visual Studio Code Command Palette

์ •๋ณด

VS Code Command Palette๋Š” Visual Studio Code์˜ ์ดˆ์  ๊ธฐ๋Šฅ ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ GitHub Codespaces์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ช…๋ น ํŒ”๋ ˆํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด GitHub Codespaces ๋ฐ VS Code๋ฅผ ์œ„ํ•œ ์—ฌ๋Ÿฌ ๋ช…๋ น์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. VS Code Command Palette ์‚ฌ์šฉ์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์€ VS Code ์„ค๋ช…์„œ์˜ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

VS Code Command Palette์— ์•ก์„ธ์Šค

์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์œผ๋กœ VS Code Command Palette์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Shift+Command+P(Mac) / Ctrl+Shift+P(Windows/Linux).

    ์ด ๋ช…๋ น์€ Firefox์—์„œ ์˜ˆ์•ฝ๋œ ๋ฐ”๋กœ ๊ฐ€๊ธฐ ํ‚ค์ž…๋‹ˆ๋‹ค.

  • F1

  • ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฉ”๋‰ด์—์„œ ๋ณด๊ธฐ > ๋ช…๋ น ํŒ”๋ ˆํŠธ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

Codespaces์— ๋Œ€ํ•œ ๋ช…๋ น

GitHub Codespaces์™€ ๊ด€๋ จ๋œ ๋ชจ๋“  ๋ช…๋ น์„ ๋ณด๋ ค๋ฉด VS Code Command Palette์— ์•ก์„ธ์Šคํ•œ ๋‹ค์Œ โ€œCodespacesโ€๋ฅผ ์ž…๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

"codespaces"๊ฐ€ ์ž…๋ ฅ๋œ ๋ช…๋ น ํŒ”๋ ˆํŠธ์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค. ๋“œ๋กญ๋‹ค์šด์—๋Š” GitHub Codespaces์— ๊ด€๋ จ๋œ ๋ชจ๋“  ๋ช…๋ น์ด ๋‚˜์—ด๋ฉ๋‹ˆ๋‹ค.

codespace ์ผ์‹œ ์ค‘๋‹จ ๋˜๋Š” ์ค‘์ง€

์ƒˆ ๋น„๋ฐ€์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์ปดํ“จํ„ฐ ์œ ํ˜•์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒฝ์šฐ codespace๋ฅผ ์ค‘์ง€ํ•˜๊ณ  ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ๋ณ€๊ฒฝ ๋‚ด์šฉ์„ ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

codespace์˜ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์ผ์‹œ ์ค‘๋‹จํ•˜๊ฑฐ๋‚˜ ์ค‘์ง€ํ•˜๋ ค๋ฉด VS Code Command Palette์— ์•ก์„ธ์Šคํ•œ ๋‹ค์Œ โ€œstopโ€์„ ์ž…๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. Codespaces: ํ˜„์žฌ codespace ์ค‘์ง€๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

๊ฒ€์ƒ‰ ํ…์ŠคํŠธ "stop"๊ณผ "Codespaces: ํ˜„์žฌ codespace ์ค‘์ง€" ์˜ต์…˜์ด ์žˆ๋Š” ๋ช…๋ น ํŒ”๋ ˆํŠธ์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค.

๋ฏธ๋ฆฌ ์ •์˜๋œ ๊ฐœ๋ฐœ ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์„ฑ ์ถ”๊ฐ€

๋ฏธ๋ฆฌ ์ •์˜๋œ ๊ฐœ๋ฐœ ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋ ค๋ฉด VS Code Command Palette์— ์•ก์„ธ์Šคํ•œ ๋‹ค์Œ โ€œadd devโ€๋ฅผ ์ž…๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. Codespaces: ๊ฐœ๋ฐœ ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์„ฑ ํŒŒ์ผ ์ถ”๊ฐ€๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

"add dev"๊ฐ€ ์ž…๋ ฅ๋˜๊ณ  "Codespaces: ๊ฐœ๋ฐœ ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์„ฑ ํŒŒ์ผ ์ถ”๊ฐ€"๊ฐ€ ๋‚˜์—ด๋œ ๋ช…๋ น ํŒ”๋ ˆํŠธ์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค.

Codespace ๋‹ค์‹œ ๋นŒ๋“œ

๊ฐœ๋ฐœ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๊ตฌ์„ฑ ํŒŒ์ผ(devcontainer.json ๋ฐ Dockerfile)์„ ํŽธ์ง‘ํ•˜๋Š” ๊ฒฝ์šฐ ๋ณ€๊ฒฝ ๋‚ด์šฉ์„ ์ ์šฉํ•˜๋ ค๋ฉด codespace๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ•˜๋ ค๋ฉด VS Code Command Palette์— ์•ก์„ธ์Šคํ•œ ๋‹ค์Œ โ€œrebuildโ€๋ฅผ ์ž…๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. Codespaces: ์ปจํ…Œ์ด๋„ˆ ๋‹ค์‹œ ๋นŒ๋“œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

๊ฒ€์ƒ‰ ํ…์ŠคํŠธ "rebuild"์™€ "Codespaces: Rebuild Container" ์˜ต์…˜์ด ์žˆ๋Š” ๋ช…๋ น ํŒ”๋ ˆํŠธ์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค.

ํŒ

๋•Œ์— ๋”ฐ๋ผ ๋‹ค์‹œ ์ „์ฒด ๋นŒ๋“œ๋ฅผ ์ˆ˜ํ–‰ํ•˜์—ฌ ์บ์‹œ๋ฅผ ์ง€์šฐ๊ณ  ์ƒˆ ์ด๋ฏธ์ง€๋กœ ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ•˜๋ ค๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ Codespace์—์„œ ์ปจํ…Œ์ด๋„ˆ ๋‹ค์‹œ ๋นŒ๋“œ์„(๋ฅผ) ์ฐธ์กฐํ•˜์„ธ์š”.

Codespaces ๋กœ๊ทธ

VS Code Command Palette๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ codespace ๋งŒ๋“ค๊ธฐ ๋กœ๊ทธ์— ์•ก์„ธ์Šคํ•˜๊ฑฐ๋‚˜ ๋ชจ๋“  ๋กœ๊ทธ๋ฅผ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

GitHub Codespaces์— ๋Œ€ํ•œ ๋กœ๊ทธ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋ ค๋ฉด VS Code Command Palette์— ์•ก์„ธ์Šคํ•œ ๋‹ค์Œ "export"๋ฅผ ์ž…๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. Codespaces: ๋กœ๊ทธ ๋‚ด๋ณด๋‚ด๊ธฐ๋ฅผ ์„ ํƒํ•˜์—ฌ GitHub Codespaces์™€ ๊ด€๋ จ๋œ ๋ชจ๋“  ๋กœ๊ทธ๋ฅผ ๋‚ด๋ณด๋‚ด๊ฑฐ๋‚˜ Codespaces: ๋งŒ๋“ค๊ธฐ ๋กœ๊ทธ ๋ณด๊ธฐ๋ฅผ ์„ ํƒํ•˜์—ฌ ์„ค์ •๊ณผ ๊ด€๋ จ๋œ ๋กœ๊ทธ๋ฅผ ๋ด…๋‹ˆ๋‹ค.

๊ฒ€์ƒ‰ ํ…์ŠคํŠธ "export"์™€ "Codespaces: ๋กœ๊ทธ ๋‚ด๋ณด๋‚ด๊ธฐ" ์˜ต์…˜์ด ์žˆ๋Š” ๋ช…๋ น ํŒ”๋ ˆํŠธ์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค.

์ถ”๊ฐ€ ์ฐธ๊ณ  ์ž๋ฃŒ