techlist.io
KREN
github

초보자를 위한 GitHub Copilot 앱: 시작하기 (새 탭에서 열림)

ai-agentgithubgithub-copilotcode-reviewcontinuous-integrationpull-requestsbrowser-canvas

GitHub Copilot 앱은 단순한 채팅 도구가 아니라, 프로젝트별 AI 에이전트 세션을 관리하고 코드 작성부터 리뷰·병합까지 지원하는 통합 개발 작업 공간이다. 여러 작업을 동시에 진행하고, 캔버스에서 UI를 직접 확인·수정하며, Agent Merge로 PR 리뷰와 CI 문제 대응까지 자동화할 수 있다. 글은 초보자가 프로젝트를 연결해 세션을 시작하고 실제 개발 workflow에 Copilot을 활용하는 방법을 소개한다.

프로젝트를 중심으로 시작하는 작업

  • Copilot 앱의 각 에이전트 세션은 특정 프로젝트와 연결된다.
  • 기존에 작업한 GitHub 프로젝트를 선택하거나 GitHub 저장소·로컬 컴퓨터에서 새 프로젝트를 추가할 수 있다.
  • 프로젝트가 연결되면 에이전트가 코드베이스, 파일, 개발 도구에 접근한 상태로 작업을 시작한다.
  • 예를 들어 “기존 애플리케이션에 breadcrumb navigation을 추가해 달라”고 요청하면 에이전트가 다음 작업을 수행할 수 있다.
    • 관련 파일과 수정 위치 탐색
    • 코드 변경
    • 테스트 실행
    • 변경 사항 검증 지원
  • 세션 시작 전에 개발 환경과 파일을 수동으로 준비할 필요가 줄어든다.

여러 작업을 동시에 진행하는 세션

  • 기존 세션을 중단하지 않고 다른 질문이나 작업을 위한 추가 세션을 만들 수 있다.
  • Quick Chat을 사용하면 Copilot 앱 홈 화면에서 별도의 대화를 시작할 수 있다.
  • 각 세션을 다음과 같이 독립적인 주제에 사용할 수 있다.
    • 새로운 기능 구현
    • 코드베이스 구조 조사
    • 가능한 구현 방식 비교
    • Copilot 앱이나 worktree 사용법 질문
  • 원래 작업 세션으로 돌아오면 이전 맥락과 변경 사항을 확인한 뒤 작업을 이어갈 수 있다.
  • 작업별로 대화를 분리하면 서로 다른 개발 흐름을 섞지 않고 진행 상황을 관리하기 쉽다.

캔버스를 이용한 UI 확인과 개선

  • UI 작업에서는 코드 검토뿐 아니라 실제 화면을 직접 확인하는 것이 중요하다.
  • Copilot 앱의 canvas는 애플리케이션, 계획, 칸반 보드, 체크리스트 같은 작업 결과물을 대화 옆에서 시각적으로 보여주는 공유형 공간이다.
  • /create-canvas Open this app in a browser canvas 명령으로 별도 터미널이나 브라우저를 열지 않고 애플리케이션을 실행할 수 있다.
  • Enable Canvas Dev Mode를 켜면 캔버스에서 특정 UI 요소를 직접 선택할 수 있다.
  • Pick & Polish 기능을 사용하면 선택한 요소를 다음 요청의 컨텍스트로 전달해 다음과 같은 반복 개선이 가능하다.
    • 화면의 특정 요소 선택
    • 수정 요청 작성
    • 변경 결과 확인
    • 추가 조정 반복
  • 텍스트 기반 설명만으로 UI를 수정하는 것보다 시각적 결과를 기준으로 구체적인 피드백을 제공할 수 있다.

Agent Merge를 활용한 PR 후속 작업

  • 코드 변경이 끝난 뒤에는 pull request, CI, 코드 리뷰 과정이 이어진다.
  • Copilot 앱의 PR 옵션에서 Agent Merge를 활성화하면 에이전트가 PR 진행 상황을 모니터링한다.
  • 허용할 작업을 선택할 수 있으며, 주요 예시는 다음과 같다.
    • 리뷰 피드백 반영
    • CI 실패 원인 해결 지원
    • merge conflict 처리
  • 리뷰 중 변경 요청이나 자동화된 검사 실패가 발생하면 Agent Merge가 대응 작업을 수행하고 PR을 병합 가능한 상태로 준비한다.
  • 필수 검사가 모두 통과한 뒤 사용자가 최종적으로 병합할 수 있다.

AI 에이전트 기반 개발 workflow

  • Copilot 앱은 하나의 대화창보다 실제 소프트웨어 개발 과정에 맞춘 작업 공간을 제공한다.
  • 기본 workflow는 다음과 같이 구성된다.
    1. 프로젝트 선택
    2. 작업별 에이전트 세션 생성
    3. 필요할 때 Quick Chat으로 조사·질문
    4. 캔버스에서 실행 결과와 UI 확인
    5. PR 생성
    6. Agent Merge로 리뷰·CI·충돌 대응
    7. 검사 통과 후 병합
  • 사용자는 코드 작성뿐 아니라 탐색, 시각적 검증, 리뷰 대응까지 한 환경에서 이어서 진행할 수 있다.

새 기능이나 오래된 backlog 작업을 하나 선택해 프로젝트를 연결하고, 작업별 세션과 캔버스를 활용해 작은 범위부터 시작하는 것이 좋다. 다만 AI가 만든 변경 사항과 테스트 결과는 직접 검토한 뒤 PR을 병합해야 한다.