마이크로소프트 XAML 스튜디오 2.0 오픈소스 공개: 직접 빌드하고 사용해 본 후기
마이크로소프트가 .NET UI 디자인 툴인 XAML 스튜디오의 오픈소스 버전을 공개했습니다. 과거 가라지 프로젝트에서 시작되어 UWP 애플리케이션 개발에 사용되었던 이 툴은 WinUI의 발전과 함께 새로운 모습을 갖추게 되었습니다. 직접 소스 코드를 빌드하여 사용해 보면서 느낀 점과 새로운 기능, 그리고 앞으로의 발전 가능성에 대해 이야기해 보겠습니다.
XAML 스튜디오, 과거와 현재
초기 버전의 XAML 스튜디오는 코드 에디터와 그리드 뷰를 함께 제공하여 실시간 UI 디자인을 가능하게 했습니다. 이는 마치 어도비 드림위버와 유사한 방식으로, XAML과 .NET 환경에서 인터랙티브한 디자인 환경을 구축할 수 있도록 도와주었습니다. 컨트롤 라이브러리를 통해 UI 요소를 쉽게 추가하고, 모의 데이터나 실제 데이터와 연결하여 UI의 동작 방식을 즉시 확인할 수 있다는 점이 큰 장점이었습니다.
2019년 1.1 버전 이후, .NET 환경은 크게 변화했고 XAML 스튜디오 역시 새로운 WinUI 구성 요소를 필요로 했습니다. Windows App SDK에 핵심 컨트롤이 포함되면서 개발이 다시 공개 단계로 전환되었고, 드디어 XAML 스튜디오 2.0 버전이 깃허브에 공개되었습니다.
XAML 스튜디오 2.0 빌드 과정
새로운 XAML 스튜디오 2.0을 사용하기 위해서는 최신 윈도우 개발 환경이 필요합니다. Visual Studio 2022가 설치되어 있어야 하며, 윈도우 애플리케이션 빌드를 위한 구성과 최신 버전의 윈도우 SDK가 포함되어 있어야 합니다. 또한, Visual Studio에서 서명되지 않은 스토어 애플리케이션을 실행할 수 있도록 윈도우 개발자 모드를 활성화해야 합니다.
모든 사전 조건이 준비되면, 깃허브에서 XAML 스튜디오 리포지토리를 클론한 뒤 브랜치를 `dev`로 전환합니다. 기본 브랜치에는 현재 마이크로소프트 스토어에 배포 중인 1.1 버전이 포함되어 있기 때문입니다. 코드를 다운로드한 후에는 Visual Studio에서 솔루션 파일(.sln)을 열고, 시작 프로젝트가 `XamlStudio`로 설정되어 있는지 확인해야 합니다. 솔루션은 `XamlStudio`를 주 프로젝트로 하며, 이외에 `Microsoft.Toolkit.Future`, `XamlStudio.Toolkit`, `XamlStudio.Toolkit.UnitTests`까지 총 4개의 프로젝트가 들어 있습니다.
애플리케이션을 빌드하고 실행하는 과정에서 몇 가지 추가 종속성을 다운로드해야 할 수도 있지만, 필요한 구성 요소가 모두 설치되면 애플리케이션이 정상적으로 실행됩니다. 디버그 모드로 빌드를 진행하고 x64 환경에서 작업 중이라면 x64 바이너리를 빌드하고 로컬 시스템에서 디버깅이 가능하도록 설정하는 것이 좋습니다.
XAML 스튜디오 2.0 사용 후기: 달라진 점과 아쉬운 점
새로 공개된 버전은 외형상으로는 기존 1.1 버전과 크게 다르지 않습니다. 하지만 최신 세대의 XAML 컨트롤과 컴포넌트를 지원하도록 많은 개선이 이루어졌고, 최신 .NET 릴리스에 대한 지원도 추가되었습니다. 이러한 변화는 애플리케이션의 툴박스 메뉴에서 확인할 수 있습니다. 커뮤니티 툴킷과 WinUI에서 제공하는 다양한 컨트롤들을 사용할 수 있습니다.
툴박스에는 다양한 컨트롤이 나열되어 있으며, 자주 사용하는 컨트롤을 즐겨찾기로 지정하거나 검색 기능을 활용하여 필요한 항목을 빠르게 찾을 수 있습니다. 메뉴에 포함된 각 컨트롤에는 온라인 문서로 연결되는 링크가 제공되어 필요한 구문을 빠르게 확인할 수 있다는 점이 편리합니다.
하지만 아직 완벽한 수준은 아닙니다. 모나코 기반 에디터는 오류를 표시해 주지만, 자동 완성이나 구문 제안 기능을 제공하지 않기 때문에 다른 개발 도구와 병행하여 사용하는 것이 좋습니다. XAML 스튜디오는 완전한 비주얼 디자이너가 아니며, 모든 작업은 코드 에디터에서 이루어집니다. 코드를 작성하는 동시에 XAML이 어떻게 표현되는지 확인할 수 있다는 점은 유용하지만, 에디터와 레이아웃 간에 양방향 연동이 제공된다면 더욱 편리할 것입니다.
속성 탐색기는 아직 개선이 필요한 부분입니다. 에디터 모드를 편집으로 전환한 뒤, 살펴보고 싶은 XAML 요소를 선택해야 해당 요소와 관련된 속성이 탐색기에 표시됩니다. 향후 이 탐색기를 통해 XAML 코드를 직접 수정할 수 있도록 할 계획이 있는 것으로 보이지만, 현재는 일부 속성만 변경할 수 있습니다. 또한, 새 속성을 추가해도 즉각적인 변화는 없지만, 탐색기에는 해당 속성이 유지됩니다.
XAML 스튜디오의 미래와 가능성
이러한 한계에도 불구하고, XAML 스튜디오는 인터랙티브한 XAML 디자이너의 기반을 제공하는 도구로서 긍정적인 요소가 충분합니다. 블렌드와 같은 기존 도구들이 전성기를 지난 만큼, 현대적인 개발 도구 체인에 맞게 설계된 새로운 도구는 충분히 지원할 가치가 있습니다. 개발팀이 로드맵을 공개하고 지속적으로 개발을 진행하고 있는 만큼, 앞으로 더욱 발전된 모습을 기대해 봅니다.
맺음말
XAML 스튜디오 2.0은 아직 초기 단계이지만, .NET UI 개발자들에게 새로운 가능성을 제시하는 도구입니다. 직접 빌드하고 사용해 보면서 느낀 점은, 앞으로 꾸준한 업데이트와 개선을 통해 더욱 강력한 UI 디자인 툴로 성장할 수 있다는 것입니다. 오픈소스 프로젝트로서 커뮤니티의 적극적인 참여와 기여가 이루어진다면, XAML 스튜디오는 .NET UI 개발 생태계에 큰 영향을 미칠 수 있을 것입니다.
