WEBBOOK CHAPTER

반응형 웹을 진짜 앱으로: 3장. Capacitor 구조

3장. Capacitor 구조

Capacitor는 web bundle을 iOS WKWebView와 Android WebView의 native project에 넣고 plugin bridge로 디바이스 API를 제공한다. webDir, appId, appName을 설정하고 npx cap add ios/android, build, npx cap sync, Xcode/Android Studio 순서로 진행한다.

반응형 웹과 네이티브 브리지 구조
반응형 웹과 네이티브 브리지 구조

sync는 web asset과 native dependency를 갱신한다. native project도 source control과 code review 대상이다.