Repolode
ionic-team

ionic-team/ionic-framework

JavaScript/TypeScript 코드베이스 하나로 크로스 플랫폼 iOS, Android, PWA 앱을 만들 수 있는 Web Components 기반 오픈 소스 UI 툴킷입니다.

스타
52,715
포크
13,297
열린 이슈
516
마지막 커밋
4시간 전

어떤 프로젝트인가요?

Ionic은 JavaScript와 웹 기술을 사용해 단일 코드베이스에서 크로스 플랫폼 네이티브 앱과 Progressive Web App을 만들 수 있는 오픈 소스 툴킷입니다. UI 컴포넌트는 Web Components 기반이므로 Angular, React, Vue와 함께 사용할 수 있으며, 프로젝트는 @ionic/core와 이 세 프레임워크용 패키지로 배포됩니다.

프레임워크는 네이티브 모바일 UI처럼 보이고 동작하도록 설계된 사전 제작 인터페이스 컴포넌트를 제공합니다. Material Design 스타일과 플랫폼별 외관을 함께 사용할 수 있습니다. 앱은 일반적으로 Ionic이 함께 제공하는 네이티브 런타임인 Capacitor로 iOS와 Android용 패키징을 하며, 웹 앱으로도 배포할 수 있습니다.

프로젝트는 MIT 라이선스를 따르며 CLI 기반 빠른 시작 가이드, 문서, 이전 메이저 버전에서의 마이그레이션 가이드를 제공합니다. Ionic 1, 2, 3은 별도의 저장소에 있습니다.

핵심 기능

  • 01단일 코드베이스로 iOS, Android, 웹용 크로스 플랫폼 UI 컴포넌트를 제공합니다.
  • 02Web Components 기반으로 Angular, React, Vue에서 사용할 수 있습니다.
  • 03Material Design 및 플랫폼별 스타일 옵션을 제공합니다.
  • 04Capacitor와 연동해 네이티브 iOS 및 Android 앱을 패키징할 수 있습니다.
  • 05CLI 빠른 시작 가이드와 메이저 버전 간 공식 마이그레이션 가이드를 제공합니다.

활용 사례

  • 웹 기술과 단일 코드베이스를 사용해 iOS 및 Android 모바일 앱 만들기.
  • 네이티브 스타일의 탐색 기능과 컴포넌트를 갖춘 Progressive Web App 만들기.
  • 기존 Angular, React 또는 Vue 프로젝트에 Ionic UI 컴포넌트 추가하기.

빠른 시작

  1. 1

    문서에서 빠른 시작 가이드를 읽으세요

  2. 2

    npm에서 코어 패키지를 설치하세요

    npm install @ionic/core
  3. 3

    프레임워크 패키지(Angular, React 또는 Vue)를 선택하고 해당 README를 따르세요

사용 전 알아둘 점

  • Ionic 3 및 이전 버전은 별도의 저장소에 있으며 여기서는 유지 관리되지 않습니다.
  • 시작하려면 이 README의 완전한 설정 절차가 아니라 외부 문서를 참고해야 합니다.

토픽

자주 묻는 질문

ionic-framework은(는) 무엇인가요?
JavaScript/TypeScript 코드베이스 하나로 크로스 플랫폼 iOS, Android, PWA 앱을 만들 수 있는 Web Components 기반 오픈 소스 UI 툴킷입니다. Ionic은 JavaScript와 웹 기술을 사용해 단일 코드베이스에서 크로스 플랫폼 네이티브 앱과 Progressive Web App을 만들 수 있는 오픈 소스 툴킷입니다. UI 컴포넌트는 Web Components 기반이므로 Angular, React, Vue와 함께 사용할 수 있으며, 프로젝트는 @ionic/core와 이 세 프레임워크용 패키지로 배포됩니다.
ionic-framework은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
ionic-framework은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
ionic-framework은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. ionic-framework의 마지막 커밋은 2026년 10월 20일입니다.
ionic-framework은(는) 어디에 사용할 수 있나요?
웹 기술과 단일 코드베이스를 사용해 iOS 및 Android 모바일 앱 만들기. 네이티브 스타일의 탐색 기능과 컴포넌트를 갖춘 Progressive Web App 만들기. 기존 Angular, React 또는 Vue 프로젝트에 Ionic UI 컴포넌트 추가하기.
ionic-framework는 어떻게 설치하나요?
문서에서 빠른 시작 가이드를 읽으세요 npm에서 코어 패키지를 설치하세요: npm install @ionic/core 프레임워크 패키지(Angular, React 또는 Vue)를 선택하고 해당 README를 따르세요
ionic-framework은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ionic-team/ionic-framework

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트