Capacitor 앱의 라이브 업데이트, 채널, 네이티브 빌드를 관리하는 Capgo용 오픈소스 콘솔, 백엔드, CLI입니다.
ionic-team/capacitor
Capacitor는 하나의 코드베이스로 웹 앱을 iOS, Android, 웹에서 네이티브로 실행할 수 있게 해주는 크로스 플랫폼 런타임입니다.
대체할 수 있는 제품:Apache Cordova
- 스타
- 16,923
- 포크
- 1,293
- 열린 이슈
- 151
- 마지막 커밋
- 5시간 전
어떤 프로젝트인가요?
Capacitor는 기존 웹 앱을 감싸 iOS, Android, 웹에서 네이티브로 실행할 수 있게 합니다. 웹 코드에서 네이티브 SDK를 호출할 수 있도록 크로스 플랫폼 API와 실행 계층을 제공하며, Swift(iOS) 또는 Kotlin/Java(Android)로 커스텀 네이티브 플러그인을 작성할 수 있는 Plugin API도 제공합니다.
새 프레임워크를 요구하는 대신 기존 모던 웹 앱에 바로 적용할 수 있도록 설계되었습니다. 개발자는 코어 및 CLI 패키지를 설치하고 프로젝트를 초기화한 뒤, 필요에 따라 네이티브 플랫폼 프로젝트를 추가합니다. 네이티브 프로젝트는 저장소에 소스 코드로 보관되므로 직접 수정할 수 있습니다.
Capacitor는 Progressive Web App 배포도 지원하므로, 하나의 앱을 앱 스토어와 모바일 웹에 출시할 수 있습니다. Ionic 팀이 관리하며, 대부분의 Cordova 플러그인과의 하위 호환성을 갖춘 Apache Cordova의 모던한 후속 프로젝트를 지향합니다.
핵심 기능
- 01하나의 웹 코드베이스를 iOS, Android, 웹에서 네이티브로 실행합니다.
- 02JavaScript에서 네이티브 SDK를 호출할 수 있는 크로스 플랫폼 API를 제공합니다.
- 03Swift, Kotlin 또는 Java로 네이티브 플러그인을 작성할 수 있는 Plugin API를 포함합니다.
- 04네이티브 프로젝트를 생성된 빌드 산출물이 아닌 직접 수정할 수 있는 소스로 취급합니다.
- 05대부분의 Cordova 플러그인과의 하위 호환성을 제공합니다.
활용 사례
- 기존 웹 앱을 App Store와 Google Play에 출시하기.
- JavaScript 프런트엔드에서 네이티브 기기 기능에 접근하기.
- 재사용 가능한 네이티브 플러그인을 작성해 npm 패키지로 배포하기.
- 하나의 앱을 네이티브 앱 스토어와 모바일 웹에 모두 배포하기.
빠른 시작
- 1
기존 웹 앱에 core 및 CLI 패키지를 설치합니다
npm install @capacitor/core @capacitor/cli - 2
앱에서 Capacitor를 초기화합니다
npx cap init - 3
Android 플랫폼을 설치합니다
npm install @capacitor/android - 4
Android 네이티브 프로젝트를 추가합니다
npx cap add android
사용 전 알아둘 점
- iOS 네이티브 빌드에는 Xcode가 설치된 Mac이 필요하며, README에서는 이 설정 방법을 다루지 않습니다.
토픽
자주 묻는 질문
- capacitor은(는) 무엇인가요?
- Capacitor는 하나의 코드베이스로 웹 앱을 iOS, Android, 웹에서 네이티브로 실행할 수 있게 해주는 크로스 플랫폼 런타임입니다. Capacitor는 기존 웹 앱을 감싸 iOS, Android, 웹에서 네이티브로 실행할 수 있게 합니다. 웹 코드에서 네이티브 SDK를 호출할 수 있도록 크로스 플랫폼 API와 실행 계층을 제공하며, Swift(iOS) 또는 Kotlin/Java(Android)로 커스텀 네이티브 플러그인을 작성할 수 있는 Plugin API도 제공합니다.
- capacitor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- capacitor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- capacitor은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. capacitor의 마지막 커밋은 2026년 10월 21일입니다.
- capacitor은(는) 어디에 사용할 수 있나요?
- 기존 웹 앱을 App Store와 Google Play에 출시하기. JavaScript 프런트엔드에서 네이티브 기기 기능에 접근하기. 재사용 가능한 네이티브 플러그인을 작성해 npm 패키지로 배포하기. 하나의 앱을 네이티브 앱 스토어와 모바일 웹에 모두 배포하기.
- capacitor는 어떻게 설치하나요?
- 기존 웹 앱에 core 및 CLI 패키지를 설치합니다: npm install @capacitor/core @capacitor/cli 앱에서 Capacitor를 초기화합니다: npx cap init Android 플랫폼을 설치합니다: npm install @capacitor/android Android 네이티브 프로젝트를 추가합니다: npx cap add android
- capacitor은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ionic-team/capacitor
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
JavaScript 또는 TypeScript로 네이티브 UI와 API를 직접 사용하는 iOS, Android, visionOS 앱을 만들기 위한 프레임워크입니다.
JavaScript/TypeScript 코드베이스 하나로 크로스 플랫폼 iOS, Android, PWA 앱을 만들 수 있는 Web Components 기반 오픈 소스 UI 툴킷입니다.
Android, iOS, 웹에서 실행되는 범용 네이티브 앱을 React로 만드는 오픈소스 프레임워크입니다.
React와 JavaScript로 Android 및 iOS 네이티브 앱을 만들고, UI를 각 플랫폼의 네이티브 컴포넌트로 렌더링하는 프레임워크입니다.
Vue.js 기반 크로스 플랫폼 프레임워크로, 하나의 코드베이스로 iOS, Android, HarmonyOS, Web 및 여러 미니 프로그램 플랫폼용 앱을 개발할 수 있습니다.