Microsoft Build 2026

01 / 21

세션을 시작하며

자, 이제 슬슬 시작해 볼까요. 오늘 이 자리에서는 여러분이 직접 손을 움직여 뭔가를 만들어 보게 될 겁니다. 편하게 자리 잡으시고 함께 가시죠.

02 / 21

자리를 잡는 동안

자리에 앉으시는 동안, 먼저 Exercise 0: Backstage의 단계를 따라와 주세요. 워크숍은 로컬 환경에서 실행하지만, 인증 정보는 resources 탭에 있는 크리덴셜을 사용하시면 됩니다.

03 / 21

환영합니다. 오늘 저희가 함께할 세션은 Lab 500: Terminal to Party, Copilot CLI와 Hydra로 라이브 코딩을 해보는 시간입니다. 저는 GitHub의 Christopher Harrison이고요, 함께 Toby Padilla도 진행을 도와드립니다.

04 / 21

안내 말씀

본격적으로 들어가기 전에 한 가지 안내드릴게요. 오늘 데모에는 번쩍이는 조명이나 큰 소리, 연출 효과가 포함될 수 있으니, 민감하신 분들은 미리 참고해 주시기 바랍니다.

05 / 21

오늘의 흐름

오늘은 크게 다섯 단계로 진행합니다. 먼저 환경을 세팅하고, 시나리오를 살펴본 뒤, Copilot CLI를 잘 쓰는 방법을 짚어보고, 실제로 만들어 본 다음, 마지막에 함께 리뷰하겠습니다.

06 / 21

이제 오늘 여러분이 풀어야 할 과제, 바로 시나리오를 살펴보겠습니다.

07 / 21

주인공은 바로 여러분

오늘의 주인공은 여러분입니다. 바이브 기반의, 바이브 코딩된 환경을 직접 만들어 보실 텐데요. 브라우저에서 돌아가고, 코드 에디터가 있고, 코드로 음악을 만들고, 그 음악에 Hydra 비주얼이 딱 맞춰 움직이고, 에디터에서 테마를 만들고 편집할 수 있어야 합니다. 게다가 앱 안에서 Copilot과 대화하며 새 테마와 코드를 만들 수 있어야 하죠.

08 / 21

우리가 쓸 기술 스택

이걸 만들기 위한 무기를 소개할게요. 하나는 Hydra, 아티스트이자 코더인 Olivia Jack이 만든 오픈소스 라이브 코딩 비디오 신스입니다. 다른 하나는 GitHub Copilot SDK, Copilot을 움직이는 엔진을 이제 여러분 애플리케이션에 프로그래밍 방식으로 붙일 수 있게 된 거죠. 나머지는 여러분의 창의력에 달렸습니다.

09 / 21

자, 그럼 이제 실제로 작업할 환경을 세팅하는 단계로 넘어가 보겠습니다.

10 / 21

여러분의 작업 환경

오늘은 로컬 시스템에서 코드스페이스에 접속해 작업합니다. 준비된 건 GitHub Copilot CLI는 당연히 있고요, Node.js, 그리고 Hydra와 Copilot SDK가 세팅된 스타터 프로젝트가 있습니다. 여기에 여러분의 창의력만 더하면 됩니다.

11 / 21

직접 보여드릴게요

말로만 하면 감이 안 오시죠. 제가 지금 바로 화면에서 어떻게 돌아가는지 직접 보여드리겠습니다.

12 / 21

이제 본격적으로 만들기 전에, Copilot CLI를 제대로 활용하는 노하우를 함께 정리해 보겠습니다.

13 / 21

Copilot이 더 잘 돕게 하려면

핵심은 Copilot이 여러분을 잘 도울 수 있게 판을 깔아주는 겁니다. 먼저 어떤 라이브러리가 맞을지 리서치를 시키고, 무엇보다 컨텍스트가 중요하니 PRD를 만들고 instructions 파일을 추가하세요. awesome-copilot에서 자료도 찾아보고요. 그리고 코드를 짜기 전에 /plan으로 먼저 계획을 세우세요. 막히면? 언제든 Copilot에게 물어보면 됩니다.

14 / 21

알아두면 좋은 명령들

Copilot CLI에는 알아두면 유용한 몇 가지 스위치가 있습니다. 전체 명령은 aka.ms/CopilotCLICommands 문서에서 확인하실 수 있어요.

15 / 21

슬래시 커맨드

CLI 안에서 정말 자주 쓰게 될 게 바로 슬래시 커맨드입니다. /agent나 /model로 에이전트와 모델을 바꾸고, /plan으로 계획 모드에 들어가고, /review로 코드 리뷰를 돌리고, /skills로 스킬을 불러오고, /diff로 변경 사항을 확인하죠. 여기 보이는 건 일부일 뿐이고, 새로운 시나리오에 맞춰 계속해서 추가되고 있습니다.

16 / 21

자, 이론은 충분합니다. 이제 직접 만들어 볼 시간입니다. 여러분 차례예요.

17 / 21

다들 만들어 보셨나요? 이제 각자 만든 걸 함께 돌아보며 리뷰하는 시간을 갖겠습니다.

18 / 21

현실로 돌아가서

오늘 배운 걸 정리해 볼게요. 컨텍스트가 전부입니다. instructions 파일, 커스텀 에이전트, 스킬, MCP 서버가 성공의 열쇠죠. 한 방에 끝내려 하지 말고 실제로 만들듯 반복하세요. 새로운 걸 계속 실험하고, 배운 건 주변에 나눠 주세요.

19 / 21

더 살펴볼 자료

더 깊이 파고들고 싶으신 분들을 위해 자료를 준비했습니다. Copilot SDK 관련 BRK206, 자동화를 다루는 BRK203, 그리고 LTG401 같은 세션이 있고요, Copilot CLI Best Practices와 Beginner Tutorial 링크도 꼭 확인해 보세요.

20 / 21

감사합니다

오늘 함께해 주셔서 감사합니다. 즐거운 시간이었길 바랍니다.

21 / 21

Terminal to Party

터미널에서 파티까지, 여러분만의 무대를 마음껏 만들어 보세요. 다음에 또 만나요.

터미널에서 파티까지, Copilot CLI로 라이브 코딩하기