# VS Code에서 GitHub Copilot 연결 {/* #connect-github-copilot-in-vs-code */}

## 브라우저에서 OAuth 로그인 {/* #oauth-browser-sign-in */}

**[VS Code에 Reconstruct 설치](https://vscode.dev/redirect/mcp/install?name=reconstruct&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Freconstruct.dev%2Fmcp%22%7D)**는 사용자 설정에 `https://reconstruct.dev/mcp` 서버를 추가합니다. VS Code는 자동 클라이언트 등록으로 자신을 등록하고 서버 시작 시 브라우저에서 Reconstruct 로그인을 엽니다. 로그인이 완료되지 않으면 개인 액세스 토큰을 대신 사용하세요. [클라이언트 호환성](/docs/ko/connect-ai-agents#client-compatibility)을 참고하세요.

## 개인 액세스 토큰 {/* #personal-access-token */}

[Reconstruct Platform 계정 설정](https://reconstruct.dev/platform/)에서 MCP 액세스 토큰을 복사하세요. 연결 요건은 [시작하기 전](/docs/ko/connect-ai-agents#before-you-start)을 참고하세요.

작업 영역에 `.vscode/mcp.json`을 만드세요. VS Code가 토큰을 요청하고 입력한 값을 나중에 사용할 수 있도록 저장합니다.

```json
{
  "inputs": [
    {
      "id": "reconstruct-token",
      "type": "promptString",
      "description": "Reconstruct MCP access token",
      "password": true
    }
  ],
  "servers": {
    "reconstruct": {
      "type": "http",
      "url": "https://reconstruct.dev/mcp",
      "headers": {
        "Authorization": "Bearer ${input:reconstruct-token}"
      }
    }
  }
}
```

**MCP: List Servers**로 서버를 시작하고 확인하세요. Copilot Chat에서 **Agent** 모드로 전환하고 도구 선택기에서 Reconstruct 도구를 활성화하세요. Copilot에 `list_products` 호출을 요청하여 액세스를 확인하세요. [공식 VS Code MCP 설정](https://code.visualstudio.com/docs/agent-customization/mcp-servers)을 참고하세요.

다음으로 [프롬프트 예시](/docs/ko/prompt-examples)를 사용해 보세요.