앱 생성

    Note

    Ignite UI App Builder에서 설계한 애플리케이션을 다운로드하거나 GitHub 저장소에 직접 업로드할 수 있습니다.

    앱 코드 미리보기 및 생성

    App Builder와 함께 Angular 코드 생성 기능이 수개월 전부터 시장에 출시되었으며, .NET 6 릴리스에서는 Blazor 코드 생성을 시작했고, 현재는 Web Components 코드 생성도 지원합니다.

    네비게이션 바에서 Publish to Github 및 Preview 작업 버튼 바로 옆에 있는 Platform picker 드롭다운을 사용하여 Blazor Server/Blazor Web Assembly 옵션을 선택하면 Blazor용 코드를 생성할 수 있고, Angular를 선택하면 생성된 앱과 코드의 미리보기를 볼 수 있습니다. Web Components 옵션도 사용할 수 있습니다.

    코드 생성용 플랫폼 선택

    설계 및 개발 사용자 스토리는 모든 스타일 및 레이아웃 속성과 함께 애플리케이션이 생성되면 완료됩니다. 현재 Ignite UI App Builder는 모든 애플리케이션 파일을 GitHub 저장소에 업로드하거나 패키지로 다운로드한 후 로컬에서 실행할 수 있는 옵션을 제공합니다.

    라이선스된 코드 내보내기

    라이선스 사용자

    라이선스 사용자인 경우 앱 생성 시 Ignite UI for Angular의 라이선스된 패키지가 사용됩니다. 이는 애플리케이션 다운로드 및 _GitHub에 게시_에 모두 적용됩니다.

    애플리케이션이 GitHub에 게시되면 프로젝트를 빌드하고 기본 테스트를 실행할 CI를 추가합니다. GitHub CI가 라이선스된 패키지를 사용할 수 있도록 필요한 NPM_AUTH_TOKEN도 게시합니다.

    NPM 인증 토큰

    평가판 사용자

    평가판 사용자인 경우 앱 생성 시 Ignite UI for Angular의 무료 평가판 패키지가 사용됩니다. 이는 애플리케이션 다운로드 및 _GitHub에 게시_에 모두 적용됩니다.

    프로젝트에서 Ignite UI for Angular의 평가판 버전을 사용하고 있는 경우 전체 라이선스된 패키지로 업그레이드하는 방법과 라이선스된 npm 피드를 사용하도록 환경 및 CI를 설정하는 방법에 대한 정보는 라이선스 FAQ 및 설치 설명서를 참조하세요.

    또는 npm run infragistics-login을 실행하여 라이선스된 피드에 대한 안내식 로그인을 할 수 있습니다.

    지원되는 컴포넌트

    현재 App Builder는 Angular 및 Blazor용 코드 생성을 지원합니다. 다음은 플랫폼별 지원되는 컴포넌트 목록입니다.

    Component Angular Blazor Web Components
    Layouts
    Absolute Layout ✔️ ✔️ ✔️
    Card ✔️ 🚧 🚧
    Column Layout ✔️ ✔️ ✔️
    Expansion Panel ✔️ ✔️ ✔️
    Row Layout ✔️ ✔️ ✔️
    Tab Layout ✔️ ✔️ ✔️
    Divider ✔️ ❌ ❌
    Menu and Navigation
    Navigation Bar ✔️ ✔️ ✔️
    Navigation Drawer ✔️ 🚧 🚧
    Views Container ✔️ ✔️ ✔️
    Content
    Avatar ✔️ 🚧 🚧
    Calendar ✔️ ✔️ ✔️
    Chip ✔️ ✔️ ✔️
    Icon ✔️ 🚧 🚧
    Image ✔️ ✔️ ✔️
    Link ✔️ ✔️ ✔️
    Text ✔️ ✔️ ✔️
    Title ✔️ ✔️ ✔️
    Input & Forms
    Button ✔️ ✔️ ✔️
    Button Group ✔️ ❌ ❌
    Checkbox ✔️ ✔️ ✔️
    Combo ✔️ ❌ ❌
    Date Picker ✔️ 🚧 🚧
    Drop Down ✔️ ✔️ ✔️
    Floating Action Button ✔️ ✔️ ✔️
    Icon Button ✔️ 🚧 🚧
    Input Group ✔️ 🚧 🚧
    Radio Group ✔️ 🚧 🚧
    Select ✔️ ❌ ❌
    Slider ✔️ ✔️ ✔️
    Switch ✔️ ✔️ ✔️
    Text Area ✔️ ❌ ❌
    Rating ✔️ ❌ ✔️
    Grids & Lists
    Grid ✔️ 🚧 🚧
    Tree Grid ✔️ 🚧 🚧
    List ✔️ ✔️ ✔️
    Tree ✔️ ✔️ ✔️
    Notifications
    Badge ✔️ ✔️ ✔️
    Banner ✔️ ❌ ❌
    Dialog Window ✔️ ❌ ❌
    Snackbar ✔️ ✔️ ✔️
    Reveal Dashboard ✔️ ❌ ❌
    Note

    부분적으로 생성된 컴포넌트는 🚧으로 표시됩니다. Blazor 컴포넌트의 알려진 문제 및 제한 사항에 대한 자세한 내용은 Blazor 지원을 참조하세요.

    추가 리소스