Skip to main content

GitHub Codespaces ๊ด€๋ จ ์ง€์› ์ž‘์—…

GitHub Codespaces ๊ด€๋ จ ์ง€์›์—์„œ ์ตœ์ƒ์˜ ์ง€์›์„ ์–ป๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ํŒ์ž…๋‹ˆ๋‹ค.

์ด ๋ฌธ์„œ์˜ ๋‚ด์šฉ

์ง€์› ํŒ€์—์„œ codespace ๊ด€๋ จ ๋ฌธ์ œ๋ฅผ ์ง€์›ํ•˜๋ ค๋ฉด codespace์˜ ์˜๊ตฌ์ ์ธ ์ด๋ฆ„๊ณผ codespace ID(์‹๋ณ„์ž)๋ฅผ ์•Œ์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ์ง€์› ํŒ€์—์„œ ์ผ๋ถ€ ๋กœ๊ทธ๋ฅผ ๊ณต์œ ํ•˜๋„๋ก ์š”์ฒญํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ GitHub Codespaces ๋กœ๊ทธ ๋ฐ GitHub ์ง€์› ์ •๋ณด์„(๋ฅผ) ์ฐธ์กฐํ•˜์„ธ์š”.

Codespace ์ด๋ฆ„

๊ฐ๊ฐ์˜ codespace์—๋Š” ์ด๋ฆ„์ด ๋‘ ๊ฐœ์ž…๋‹ˆ๋‹ค. ํ•˜๋‚˜๋Š” ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ํ‘œ์‹œ ์ด๋ฆ„์ด๊ณ , ๋‹ค๋ฅธ ํ•˜๋‚˜๋Š” ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋Š” ๊ณ ์œ ํ•œ ์˜๊ตฌ ์ด๋ฆ„์ž…๋‹ˆ๋‹ค. GitHub CLI์„(๋ฅผ) ์‚ฌ์šฉํ•˜์—ฌ codespace๋ฅผ ๋งŒ๋“ค๊ณ  ์„ ํƒํ•œ ํ‘œ์‹œ ์ด๋ฆ„์„ ์ง€์ •ํ•˜์ง€ ์•Š๋Š” ํ•œ, ํ‘œ์‹œ ์ด๋ฆ„์€ codespace๋ฅผ ๋งŒ๋“ค ๋•Œ ์ž๋™์œผ๋กœ ์ง€์ •๋˜๋ฉฐ ๋‘์„ธ ๊ฐ€์ง€ ์ž„์˜์˜ ๋‹จ์–ด๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค(์˜ˆ: literate space parakeet). ์˜๊ตฌ ์ด๋ฆ„์€ ์ฒซ ํ‘œ์‹œ ์ด๋ฆ„ ๋’ค์— ์ž„์˜์˜ ๋ฌธ์ž(์˜ˆ: literate-space-parakeet-w5vg5ww5p793g7g9)๊ฐ€ ๋ถ™๋Š” ์กฐํ•ฉ์ž…๋‹ˆ๋‹ค. ํ‘œ์‹œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•ด๋„ ์˜๊ตฌ ์ด๋ฆ„์—๋Š” ์•„๋ฌด๋Ÿฐ ์˜ํ–ฅ์ด ์—†์Šต๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ codespace ์ด๋ฆ„ ๋ฐ”๊พธ๊ธฐ์„(๋ฅผ) ์ฐธ์กฐํ•˜์„ธ์š”.

codespace์˜ ์˜๊ตฌ ์ด๋ฆ„์„ ์•Œ์•„์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ผ๋ถ€ GitHub CLI ๋ช…๋ น์„ ์‚ฌ์šฉํ•  ๋•Œ, ๋˜๋Š” GitHub ์ง€์›๊ณผ ํŠน์ • codespace์— ๊ด€ํ•ด ๋…ผ์˜ํ•  ๋•Œ๊ฐ€ ์ด์— ํ•ด๋‹นํ•ฉ๋‹ˆ๋‹ค.

codespace์˜ ์˜๊ตฌ ์ด๋ฆ„์„ ์ฐพ์œผ๋ ค๋ฉด ๋‹ค์Œ ์ค‘ ํ•œ ๊ฐ€์ง€ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

  • ๋ธŒ๋ผ์šฐ์ €์—์„œ codespace๋ฅผ ์—ฝ๋‹ˆ๋‹ค. URL์˜ ํ•˜์œ„ ๋„๋ฉ”์ธ์ด codespace์˜ ์ด๋ฆ„์ž…๋‹ˆ๋‹ค. ์˜ˆ: https://obscure-space-engine-grx7rgg6qp43v9j5.github.dev๊ฐ€ obscure-space-engine-grx7rgg6qp43v9j5 codespace์˜ URL์ž„
  • codespace๋ฅผ ์—ด ์ˆ˜ ์—†๋Š” ๊ฒฝ์šฐ, https://github.com/codespaces์— ์žˆ๋Š” codespace ๋ชฉ๋ก์—์„œ ํ•ด๋‹น ์ด๋ฆ„์— ์•ก์„ธ์Šคํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋‹จ์ถ”๋กœ ํด๋ฆญํ•œ ๋‹ค์Œ, ๋งํฌ ์ฃผ์†Œ๋ฅผ ๋ณต์‚ฌํ•˜๊ธฐ ์œ„ํ•œ ๋ธŒ๋ผ์šฐ์ € ์˜ต์…˜์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค. ๋ณต์‚ฌํ•˜๋Š” URL์˜ ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„์ด codespace์˜ ์˜๊ตฌ ์ด๋ฆ„์ž…๋‹ˆ๋‹ค.
  • codespace์—์„œ ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. echo $CODESPACE_NAME
  • GitHub CLI์ด(๊ฐ€) ์„ค์น˜๋œ ๊ฒฝ์šฐ(๋กœ์ปฌ๋กœ๋“  codespace์—๋“ ), ํ„ฐ๋ฏธ๋„์—์„œ ์ด ๋ช…๋ น์„ ์‚ฌ์šฉํ•ด ๋ชจ๋“  codespace๋ฅผ ๋ชฉ๋ก์œผ๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. gh codespace list.

codespace์˜ ์˜๊ตฌ ์ด๋ฆ„์€ ๋งŽ์€ ๋กœ๊ทธ ํŒŒ์ผ์—๋„ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด GitHub Codespaces ํ™•์žฅ ๋กœ๊ทธ์—๋Š” fetching codespace ๋˜๋Š” Connecting to codespace ๋’ค์—, ๋ธŒ๋ผ์šฐ์ € ์ฝ˜์†” ๋กœ๊ทธ์—์„œ๋Š” clientUrl ๋’ค์— ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ GitHub Codespaces ๋กœ๊ทธ์„(๋ฅผ) ์ฐธ์กฐํ•˜์„ธ์š”.

Codespace ID

๋ชจ๋“  codespace์—๋Š” ID(์‹๋ณ„์ž)๋„ ์žˆ์Šต๋‹ˆ๋‹ค. Visual Studio Code์—๋Š” ID๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ํ‘œ์‹œ๋˜์ง€ ์•Š์œผ๋ฏ€๋กœ ID์— ์•ก์„ธ์Šคํ•˜๋ ค๋ฉด GitHub Codespaces ํ™•์žฅ์— ๋Œ€ํ•œ ์„ค์ •์„ ์—…๋ฐ์ดํŠธํ•ด์•ผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. Visual Studio Code, ๋ธŒ๋ผ์šฐ์ € ๋˜๋Š” ๋ฐ”ํƒ• ํ™”๋ฉด์˜ ์™ผ์ชฝ ์ž‘์—… ํ‘œ์‹œ์ค„์—์„œ ์›๊ฒฉ ํƒ์ƒ‰๊ธฐ๋ฅผ ํด๋ฆญํ•˜์—ฌ codespace์— ๋Œ€ํ•œ ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.

    ์ฐธ๊ณ  ํ•ญ๋ชฉ

    ์›๊ฒฉ ํƒ์ƒ‰๊ธฐ๊ฐ€ ์ž‘์—… ๋ง‰๋Œ€์— ํ‘œ์‹œ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ:

    1. ๋ช…๋ น ํŒ”๋ ˆํŠธ์— ์•ก์„ธ์Šคํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Shift+Command+P(Mac)/Ctrl+Shift+P(Windows/Linux)๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค.
    2. ์œ ํ˜•: details.
    3. Codespaces: ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.
  2. ์‚ฌ์ด๋“œ๋ฐ”์— โ€œCodespace ์„ฑ๋Šฅโ€ ์„น์…˜์ด ํฌํ•จ๋œ ๊ฒฝ์šฐ Codespace ID๋ฅผ ๋งˆ์šฐ์Šค๋กœ ๊ฐ€๋ฆฌํ‚ค๊ณ  ํด๋ฆฝ๋ณด๋“œ ์•„์ด์ฝ˜์„ ํด๋ฆญํ•˜์—ฌ ID๋ฅผ ๋ณต์‚ฌํ•ฉ๋‹ˆ๋‹ค.

  3. ์ด ์ •๋ณด๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š์œผ๋ฉด ์ž‘์—… ํ‘œ์‹œ์ค„์˜ ์™ผ์ชฝ ์•„๋ž˜ ๋ชจ์„œ๋ฆฌ์— ์žˆ๋Š” ์„(๋ฅผ) ํด๋ฆญํ•˜๊ณ  ์„ค์ •์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  4. ์„ค์ • ํƒญ์—์„œ "์„ฑ๋Šฅ"์„ ๊ฒ€์ƒ‰ํ•œ ๋‹ค์Œ, "GitHub > Codespaces: ์„ฑ๋Šฅ ํƒ์ƒ‰๊ธฐ ํ‘œ์‹œ" ์•„๋ž˜์—์„œ "์›๊ฒฉ ํƒ์ƒ‰๊ธฐ์— Codespace ์„ฑ๋Šฅ ์ฐฝ ํ‘œ์‹œ"๋ผ๋Š” ๋ ˆ์ด๋ธ”์ด ์ง€์ •๋œ ํ™•์ธ๋ž€์„ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

    VS Code์˜ "์„ค์ •" ํƒญ๊ณผ "์›๊ฒฉ ํƒ์ƒ‰๊ธฐ" ์‚ฌ์ด๋“œ๋ฐ”์— ๊ฐ•์กฐ ํ‘œ์‹œ๋œ ์ฝ”๋“œ์ŠคํŽ˜์ด์Šค ID์—์„œ ์„ ํƒํ•œ "์„ฑ๋Šฅ ํƒ์ƒ‰๊ธฐ ํ‘œ์‹œ" ์Šคํฌ๋ฆฐ์ƒท