Visual Studio의 직원 모드 소개 - 진정한 AI 코파일럿

준비 단계: Visual Studio의 에이전트 모드

튜토리얼 초반에 Tim은 개발 환경과의 통합에 중점을 둔 강력한 AI 분야인 에이전트 모드를 소개합니다. Tim의 설명처럼, Visual Studio 2022(버전 17.4)의 이번 업그레이드를 통해 GitHub Copilot은 자연어를 사용하여 지능적인 응답을 작성하고, 코드 변경 사항을 구현하고, 테스트하는 모든 작업을 IDE 내에서 수행할 수 있게 되었습니다.

이 기능은 기본적으로 개발자의 의도를 해석하고 알고리즘을 활용하여 스타일 변경 적용이나 로직 디버깅과 같은 작업을 실행하는 스마트 소프트웨어를 포함합니다. 이는 인공지능(인공지능의 약자입니다)이 효율성과 자동화를 위한 도구로 어떻게 활용될 수 있는지를 보여주는 실제 적용 사례입니다.

Copilot Chat 시작하기

Tim은 기본적인 Copilot Chat 인터페이스만으로도 사용자가 코드 요약, 단위 테스트 작성 또는 활성 문서의 문제 찾기와 같은 사용자 요청에 응답할 수 있음을 보여줍니다. 기능, 성능 및 이용 가능 여부는 무료 버전과 유료 버전 간에 차이가 있을 수 있으며, Tim은 개인적으로 더 심층적인 기능을 위해 GitHub Copilot Pro Plus를 사용합니다.

GPT-4.1과 같은 모델을 사용하는 AI에 대해 들어보셨을 수도 있는데, 팀은 이 모델이 오픈 소스 코드베이스를 분석하여 더욱 관련성 높은 답변을 제공하도록 훈련되었다고 강조합니다. 자연어 처리와 머신 러닝이 만나는 지점이 바로 여기이며, 이를 통해 Copilot은 일반 영어 명령어만으로 코드를 생성하고 디버깅할 수 있습니다.

에이전트 모드 활성화 및 인터페이스 이해

Tim은 시청자들에게 에이전트 모드를 활성화하는 방법을 안내합니다.

도구 → 옵션 → GitHub → Copilot → 채팅 창에서 상담원 모드 활성화

이 도구를 활성화하면 개발 경험이 완전히 달라집니다. Copilot은 단순히 코드를 제안하는 데 그치지 않고, AI 동반자로서 적극적으로 변경 사항을 적용하고 빌드를 관리합니다. 더 이상 단순히 반응하는 기능에 그치지 않고, 개요를 작성하고, 기존 작업을 교정하고, 심지어 테스트를 통해 결과를 검증할 수 있는 조력자가 되었습니다.

첫 번째 사용 사례: 내비게이션 바 제거

Copilot의 실제 사용 능력을 보여주기 위해 Tim은 다음과 같이 입력하여 AI에게 내비게이션 바를 제거하도록 지시합니다.

"저는 제 사이트 상단에 있는 '소개'라는 문구가 마음에 들지 않아요." 막대 전체를 제거할 수 있나요?

AI는 올바른 파일(Razor)을 식별하고 깔끔하게 삭제합니다. 또한 프로젝트가 성공적으로 완료되었는지 확인하기 위해 나중에 프로젝트를 빌드합니다. 일반적으로 수동으로 수행되던 이러한 일상적인 작업은 이제 자연어 처리 기술을 사용하는 Copilot의 지능형 응답을 통해 완료됩니다.

여기서 팀의 조언은 매우 중요합니다. 인공지능 변경 사항은 항상 검토해야 합니다. 이는 인공지능이 때때로 겉보기에 올바른 구현에 결함 있는 논리를 주입하는 실제 사례와 관련이 있습니다. 인공지능은 코드를 생성하고 파일을 분석할 수 있지만, 특히 오류나 보안 취약점의 위험이 큰 경우에는 인간의 판단을 대체할 수 없습니다.

사용자 지정 테마 적용: AI 기반 CSS 스타일링

스타일링을 통해 사진처럼 사실적인 이미지를 만들어내는 시연에서 Tim은 Copilot을 사용하여 Blazor 사이트의 테마를 업데이트하는 방법을 보여줍니다. 그는 colorhunt.co 에서 16진수 코드 4개를 복사하여 Copilot에 붙여넣고 다음과 같은 명령어를 입력합니다.

"색상 테마를 이 색상들로 바꾸고 싶어요."

Copilot은 "기본"이나 "강조"와 같은 레이블을 제공하지는 않지만, 각 색상에 적절한 역할을 할당합니다. 이 도구는 app.css, Razor, Razor 를 포함한 여러 파일의 스타일을 업데이트하여 복잡한 코딩 작업이나 머신 러닝 기반 추론을 처리할 수 있는 능력을 보여줍니다.

이러한 시각적 변화는 수채화를 그리거나 석양을 바라보는 여인의 모습을 표현하는 것과 같습니다. 추상적이고 예술적이며 조화롭게 적용된 것입니다. 그 결과는? 기존 Blazor 의 보라색은 전혀 찾아볼 수 없는 독특한 스타일의 웹사이트입니다.

실제 적용 사례: "C# 학습 방법" 웹사이트

Tim은 howtolearnc.com 사이트가 Copilot의 에이전트 모드를 사용하여 거의 전적으로 생성되었다고 밝혔습니다. 콘텐츠, 링크, 안내 메시지, 작업 및 피드백만으로 AI는 실제로 작동하는 웹사이트를 구축했습니다. 이 프로젝트는 AI가 분석, 텍스트 생성, 이미지 제작뿐만 아니라 잠재 고객을 유치하고 더 많은 리드를 창출할 수 있는 실질적인 애플리케이션 개발에도 유용함을 입증합니다.

프로젝트 아키텍처에 대한 깊이 있는 이해

Agent Mode의 가장 인상적인 측면 중 하나는 프로젝트 내부 상황에 대한 이해도입니다. Tim은 Copilot이 MainLayout.razor.css Razor 이 app.css 파일보다 우선순위가 높다는 것을 어떻게 이해하는지 보여주면서, AI 모델이 애플리케이션 구조를 얼마나 깊이 있게 분석할 수 있는지를 강조합니다.

이는 모바일 앱을 개발하거나 더 큰 솔루션을 다룰 때 매우 중요합니다. AI가 전역 스타일과 구성 요소 범위 스타일을 구분해야 하기 때문입니다.

NuGet Install-Package 자동화

더 나아가 Tim은 Copilot이 PowerShell을 호출하여 NuGet 패키지를 설치하는 방법을 보여줍니다. 다음과 같이 질문함으로써:

"제 메인 프로젝트에 Dapper NuGet 패키지를 추가해 주세요."

Tim은 Copilot이 dotnet add package Dapper라는 셸 명령어를 만들도록 허용합니다. 확인 후 변경 사항이 적용됩니다. 하지만 Tim은 명령줄 실행은 채팅 인터페이스에서 되돌릴 수 없기 때문에 소스 코드 관리의 중요성을 강조합니다.

여행 일정 찾기, 호텔이 관광 명소를 파악하거나 현재 위치에서 정확한 거리를 지도에 표시하는 등의 상황에서 이러한 도구와 자동화의 통합은 인공지능이 보이지 않는 곳에서 핵심적인 작업을 수행하는 유사한 방식으로 작동합니다.

모범 사례 강화

팀의 철학에서 가장 중요한 핵심은 인공지능에만 의존하지 말라는 것입니다. 기초를 배우세요. 인공지능 비서를 통해 사람의 언어에 반응하고 코드를 생성할 수 있다고 해서 "이유"와 "방법"을 이해하는 것을 건너뛸 수 있는 것은 아닙니다.

기초 지식이 없으면 취약점으로 가득 찬 시스템을 만들 위험이 있으며, 더 나아가 자신의 애플리케이션을 디버깅하거나 확장할 수 없는 사람이 될 수도 있습니다.

결론: AI 기반 개발의 미래

Tim이 GitHub Copilot의 에이전트 모드에 대해 제작한 영상은 AI가 코드 생성부터 UI 업데이트, 종속성 관리, 기존 코드 로직의 초안 검토에 이르기까지 다양한 기능을 수행할 수 있음을 명확하게 보여줍니다. 새로운 웹사이트를 구축하든, 아키텍처를 업그레이드하든, 새로운 기술이나 취미를 배우든, AI 동반자인 Copilot은 여러분의 진행 속도를 높여주도록 설계되었습니다.

음성 인식 기능부터 JavaScript 코드를 TypeScript 로 변환하는 기능까지, 모든 것은 사용자의 손에 달려 있습니다. 자연어 처리 기술을 활용하여 지능적인 응답을 생성하는 도구의 능력을 통해 원하는 대로 활용할 수 있습니다.