Skip to main content

codespace ์ด๋ฆ„ ๋ฐ”๊พธ๊ธฐ

GitHub์—์„œ ๋˜๋Š” GitHub CLI์„(๋ฅผ) ์‚ฌ์šฉํ•˜์—ฌ codespace ํ‘œ์‹œ ์ด๋ฆ„์„ ์›ํ•˜๋Š” ์ด๋ฆ„์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Tool navigation

codespace ์ด๋ฆ„ ๋ฐ”๊พธ๊ธฐ ์ •๋ณด

Codespace๋ฅผ ๋งŒ๋“ค ๋•Œ๋Š” ์ž๋™ ์ƒ์„ฑ๋œ ํ‘œ์‹œ ์ด๋ฆ„์ด ํ• ๋‹น๋ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ codespace๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ํ‘œ์‹œ ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜์—ฌ codespace๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ: literate space parakeet codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ์ฐพ์œผ๋ ค๋ฉด ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

  • GitHub์˜ https://github.com/codespaces์—์„œ codespace์˜ ๋ชฉ๋ก์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

    https://github.com/codespaces ํŽ˜์ด์ง€์— ์žˆ๋Š” ์„ธ ๊ฐœ์˜ codespace ๋ชฉ๋ก์— ๋Œ€ํ•œ ์Šคํฌ๋ฆฐ์ƒทโ€

  • Visual Studio Code ๋ฐ์Šคํฌํ†ฑ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋˜๋Š” VS Code ์›น ํด๋ผ์ด์–ธํŠธ์—์„œ ์›๊ฒฉ ํƒ์ƒ‰๊ธฐ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. ํ‘œ์‹œ ์ด๋ฆ„์€ ๋ชฉ๋ก์˜ ๋‘ ๋ฒˆ์งธ ํ•ญ๋ชฉ์ž…๋‹ˆ๋‹ค. ์˜ˆ: psychic chainsaw ์•„๋ž˜ ์Šคํฌ๋ฆฐ์ƒท.

    VS Code์˜ "์›๊ฒฉ ํƒ์ƒ‰๊ธฐ" ์Šคํฌ๋ฆฐ์ƒท codespace ํ‘œ์‹œ ์ด๋ฆ„์ธ "psychic chainsaw"๊ฐ€ ์ง„ํ•œ ์ฃผํ™ฉ์ƒ‰ ์œค๊ณฝ์„ ์œผ๋กœ ๊ฐ•์กฐ ํ‘œ์‹œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

    ์ฐธ๊ณ  ํ•ญ๋ชฉ

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

    1. ๋ช…๋ น ํŒ”๋ ˆํŠธ์— ์•ก์„ธ์Šคํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, Shift+Command+P(Mac)/Ctrl+Shift+P(Windows/Linux)๋ฅผ ๋ˆ„๋ฆ…๋‹ˆ๋‹ค.
    2. ์œ ํ˜•: details.
    3. Codespaces: ์„ธ๋ถ€ ์ •๋ณด๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.
  • ๋กœ์ปฌ ๋จธ์‹ ์˜ ํ„ฐ๋ฏธ๋„ ์ฐฝ์—์„œ ๋‹ค์Œ GitHub CLI ๋ช…๋ น(gh codespace list)์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์˜๊ตฌ codespace ์ด๋ฆ„

๋ชจ๋“  codespace์—๋Š” ํ‘œ์‹œ ์ด๋ฆ„ ์™ธ์— ๊ณ ์œ ํ•œ ์˜๊ตฌ ์ด๋ฆ„๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜๊ตฌ ์ด๋ฆ„์€ ์ฒซ ํ‘œ์‹œ ์ด๋ฆ„ ๋’ค์— ์ž„์˜์˜ ๋ฌธ์ž(์˜ˆ: literate-space-parakeet-w5vg5ww5p793g7g9)๊ฐ€ ๋ถ™๋Š” ์กฐํ•ฉ์ž…๋‹ˆ๋‹ค. ์˜๊ตฌ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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 ์ด๋ฆ„ ๋ฐ”๊พธ๊ธฐ

codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์€ ์˜ค๋žœ ๊ธฐ๊ฐ„ ๋™์•ˆ ์‚ฌ์šฉํ•  ์—ฌ๋Ÿฌ codespace๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ์— ์œ ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ ์ ˆํ•œ ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜๋ฉด ํŠน์ • ์šฉ๋„๋กœ ์‚ฌ์šฉํ•˜๋Š” codespace๋ฅผ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

GitHub CLI์„(๋ฅผ) ์„ค์น˜ํ•œ ๊ฒฝ์šฐ ์ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ GitHub Codespaces์—์„œ ์ž‘์—…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. GitHub CLI์— ๋Œ€ํ•œ ์„ค์น˜ ์ง€์นจ์€ GitHub CLI ๋ฆฌํฌ์ง€ํ† ๋ฆฌ๋ฅผ ์ฐธ์กฐํ•˜์„ธ์š”.

codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•˜๋ ค๋ฉด gh codespace edit ํ•˜์œ„ ๋ช…๋ น์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

gh codespace edit -c PERMANENT-CODESPACE-NAME -d 'NEW-DISPLAY-NAME'

์ด ์˜ˆ์ œ์—์„œ๋Š” PERMANENT-CODESPACE-NAME๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ์‹ถ์€ ํ‘œ์‹œ ์ด๋ฆ„์˜ codespace์˜ ์˜๊ตฌ ์ด๋ฆ„์œผ๋กœ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค. NEW-DISPLAY-NAME์„ ์ด codespace์— ์‚ฌ์šฉํ•  ์ด๋ฆ„์œผ๋กœ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค.

ํ‘œ์‹œ ์ด๋ฆ„์€ 48์ž๊นŒ์ง€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ž‘์€๋”ฐ์˜ดํ‘œ๋กœ ๋ฌถ์œผ๋ฉด ํ‘œ์‹œ ์ด๋ฆ„์— ๊ณต๋ฐฑ์„ ๋น„๋กฏํ•œ ๋ชจ๋“  ๋ฌธ์ž ์กฐํ•ฉ์ด ํฌํ•จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ž์„ธํ•œ ๋‚ด์šฉ์€ GitHub CLI์—์„œ GitHub Codespaces ์‚ฌ์šฉ์„(๋ฅผ) ์ฐธ์กฐํ•˜์„ธ์š”.

GitHub์—์„œ codespace์˜ ํ‘œ์‹œ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. GitHub์˜ ์™ผ์ชฝ ์œ„ ๋ชจ์„œ๋ฆฌ์—์„œ ์„(๋ฅผ) ์„ ํƒํ•˜๊ณ  Codespaces๋ฅผ ํด๋ฆญํ•œ ๋‹ค์Œ github.com/codespaces "๋‚ด codespace" ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

    The current display name for each of your codespaces is displayed.

  2. ์ˆ˜์ •ํ•˜๋ ค๋Š” codespace์˜ ์˜ค๋ฅธ์ชฝ์— ์žˆ๋Š” ์ค„์ž„ํ‘œ(...)๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  3. ์ด๋ฆ„ ๋ฐ”๊พธ๊ธฐ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

  4. ํ”„๋กฌํ”„ํŠธ์˜ "ํ‘œ์‹œ ์ด๋ฆ„์„ โ€ฆ์œผ๋กœ ๋ณ€๊ฒฝ"์—์„œ ์›ํ•˜๋Š” ํ‘œ์‹œ ์ด๋ฆ„์„ ์ž…๋ ฅํ•˜๊ณ  ํ™•์ธ์„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

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