XAML.io 0.5에 다중 파일 프로젝트 편집 기능 추가 | Kay Ewbank

프로그래밍 C# / .NET
, ,
1

browser-based-xaml #.NET-development #visual-design #cross-platform opensilver

XAML.io 0.5 Preview - 브라우저 기반 .NET 개발의 새로운 가능성

첫 번째 요약: 핵심 포인트

XAML.io Preview v0.5가 멀티파일 프로젝트 편집 기능을 추가했습니다. 이는 browser-based XAML designer가 단일 파일 수준에서 벗어나 완전한 프로젝트 개발을 지원한다는 의미입니다.

기존의 한계: 이전 버전은 단일 XAML 파일 디자인만 가능했습니다.

혁신적 변화: v0.5에서는 XAML과 C# code-behind를 결합한 전체 프로젝트를 브라우저에서 직접 개발 할 수 있습니다. VS Code의 Monaco 에디터를 기반으로 한 C# 코드 편집과 이벤트 핸들러 추가가 가능합니다.

핵심 가치: 로컬 SDK 설치 없이 순수하게 브라우저만으로 .NET 개발을 시작할 수 있으며, 완성된 프로젝트는 offline으로 VS Code에서 편집 가능한 완전한 솔루션입니다.

두 번째 요약: 상세 분석

1. XAML.io의 정의 및 기본 개념

1.1 XAML.io란?

  • 무료 브라우저 기반 XAML designer 및 C# editor
  • OpenSilver 오픈소스 프레임워크 기반 구축
  • 순전히 온라인에서 .NET 프로젝트의 UI 디자인, 코드 편집, 실행을 완전히 지원

1.2 Frictionless On-Ramp으로서의 역할

XAML.io는 "walled garden"이 아닌 개방형 개발 온-래프입니다:

  • 완성된 Visual Studio 솔루션을 다운로드할 수 있음
  • 완전한 오픈소스 기술 기반으로 offline 편집 가능
  • .NET 개발에 대한 낮은 진입 장벽을 제공

2. Preview v0.5의 주요 발전

2.1 멀티파일 프로젝트 편집 - 마일스톤적 성취

이전 버전의 제한사항:

  • 단일 XAML 파일만 온라인 디자인 가능
  • 실제 프로젝트 개발에 부적합

v0.5의 혁신:

  • 전체 프로젝트 작업 지원
  • XAML 파일과 underlying C# code-behind 결합 가능
  • Monaco 에디터 기반 C# 코드 편집
    • VS Code와 동일한 에디팅 경험
    • 이벤트 핸들러 및 비즈니스 로직 추가 가능
    • 전통적인 .NET 앱 개발과 동일한 방식

2.2 개발 환경의 혁신

기존 .NET 개발의 복잡성:

  • 대용량 SDK 설치 필수
  • 개발 환경 구성
  • 다양한 도구 설정

XAML.io가 제공하는 단순성:

  • 어떤 설치도 불필요 - 순수 브라우저만으로 시작
  • 빠른 프로토타이핑 가능
  • XAML 학습 및 실험 용이성 증대

2.3 Visual Studio 스타일 레이아웃

v0.5의 인터페이스:

  • Designer - UI 시각적 디자인 영역
  • Editor - XAML 및 C# 코드 편집
  • Solution Explorer - 프로젝트 구조 관리

2.4 프로젝트 실행 및 저장

  • 브라우저 내 직접 실행 (한 번의 클릭)
  • 클라우드 저장 지원
  • 자동 재로딩 기능
  • 데스크톱 및 모바일 크로스 플랫폼 브라우저 지원

3. 향후 개발 계획 (Roadmap)

3.1 단기 계획

  • URL 기반 프로젝트 공유 기능
  • C# IntelliSense 지원 추가
  • VB.NET 지원
  • F# 지원

3.2 중기 계획

  • WPF 호환성 확대

3.3 장기 계획

  • MAUI 지원 (차후 계획)

4. 실용적 의의

4.1 개발 시나리오

  1. 빠른 프로토타이핑: 로컬 환경 구성 없이 즉시 개발 시작
  2. 학습 및 교육: XAML 및 .NET 입문자에게 최적화된 환경
  3. 협업 개발: URL 공유로 다른 개발자와 프로젝트 공동 작업
  4. 크로스 플랫폼 개발: 어디서든 모든 장치에서 접근 가능

4.2 기술적 우위

  • 완전한 오픈소스 기반
  • offline 호환성 보장
  • VS Code 동일 에디팅 경험
  • 완전한 시각적 디자인 지원

5. XAML.io의 위치 지정

XAML.io는:

  • 진정한 온래프로서 로컬 설치 없음
  • 제한적 플랫폼이 아님 (완전한 오픈소스 솔루션)
  • 웹 기반 개발 경향의 선두주자
  • .NET 민주화를 위한 도구

참고 자료 및 링크

공식 자료

관련 프로젝트

  • OpenSilver Adds XAML Designer For Visual Studio Code
  • OpenSilver 2.2 Adds LightSwitch Compatibility Pack
  • OpenSilver 2.1 Adds F# Support
  • OpenSilver 2 Adds Support For VB.NET
2개의 좋아요