모바일 애플리케이션의 크로스 플랫폼 개발: 정의, 프레임워크 및 작동 방식

크로스 플랫폼 개발: Flutter Platform Channel 및 Method Channel

Flutter는 단일 Dart 코드베이스에서 네이티브 애플리케이션을 만들기 위한 Google의 프레임워크입니다. 플랫폼 코드(Kotlin, Swift)와 상호 작용하기 위해 Flutter는 Platform Channel을 사용합니다. Dart 코드가 네이티브 함수를 호출하고 결과를 얻는 브리지입니다. Flutter를 사용한 크로스 플랫폼 모바일 앱 개발은 2025~2026년 모바일 개발에서 가장 빠르게 성장하는 세그먼트입니다.

Platform Channel(Method Channel)

Method Channel은 Flutter <-> 네이티브 간의 주요 통신 채널입니다. Dart 측: MethodChannel('com.example/channel').invokeMethod('getBatteryLevel'). 메시지는 StandardMethodCodec(바이너리)으로 인코딩됩니다. 네이티브 측에서는 MethodChannel이 등록되고 호출을 처리합니다. MethodChannel은 비동기식이며 결과는 Future를 통해 반환됩니다. 대안: EventChannel(이벤트 스트림용).

BasicMessageChannel은 "메서드-인수" 구조 없이 문자열/바이트를 보내기 위한 하위 수준 채널입니다. 사용자 정의 프로토콜에 사용됩니다. 모든 Platform Channel API는 Flutter Engine을 통과하여 메시지를 직렬화/역직렬화합니다.

FFI, Skia 및 Impeller

dart:ffi(Foreign Function Interface) — 플랫폼 채널 없이 Dart에서 C 함수를 직접 호출합니다. FFI는 Method Channel보다 빠릅니다(직렬화 오버헤드 0). 성능 집약적 작업(오디오 처리, 암호화, 그래픽 엔진)에 사용됩니다. Skia는 Flutter의 렌더링 엔진(2D 그래픽)입니다. Impeller는 Skia를 대체하는 Flutter의 새로운 렌더링 엔진입니다. Impeller는 셰이더를 사전 컴파일하여 첫 실행 시 jank(프레임 끊김)를 제거합니다. IT Sectr에서는 2025년에 Impeller로 전환했습니다 — 애니메이션의 부드러움 차이가 즉시 눈에 띕니다.

React Native를 사용한 크로스 플랫폼 개발: Bridge, Fabric, Hermes, JSI

React Native는 JavaScript/TypeScript로 크로스 플랫폼 모바일 앱 개발을 위한 Meta의 프레임워크입니다. React Native는 컴포넌트를 네이티브 UI 요소로 렌더링합니다. 아키텍처는 발전해 왔습니다: 이전 Bridge → JSI를 갖춘 새로운 Fabric.

Fabric vs Bridge

Bridge는 이전 React Native 아키텍처입니다. JS 스레드는 메시지를 JSON으로 직렬화하고 비동기 큐를 통해 네이티브 스레드로 보냅니다. 이로 인해 지연이 발생합니다(브리지 왕복 ~1ms). Fabric은 JS와 네이티브 UI 스레드가 JSI(JavaScript Interface)를 통해 동기적으로 통신하는 새로운 아키텍처입니다. Fabric은 브리지 없이 네이티브 뷰를 직접 주입합니다. Fabric은 크로스 플랫폼 개발의 중요한 이정표로, 렌더링을 최대 2배까지 가속화합니다.

JSI(JavaScript Interface)는 JavaScript가 네이티브 함수를 직접 호출하고 메모리를 공유할 수 있게 해주는 C++ API입니다. JSI는 Bridge의 JSON 직렬화를 대체했습니다. JSI 기반의 새로운 아키텍처는 크로스 플랫폼 개발의 중요한 성과이며 모바일 앱 성능을 결정합니다. Turbo Module은 React Native용 네이티브 모듈을 작성하는 새로운 방식입니다. 이전 Native Modules와 달리 Turbo Module은 지연 로드되며 JSI를 사용합니다.

Hermes 및 Codegen

Hermes는 React Native에 최적화된 Meta의 JavaScript 엔진입니다. Hermes는 빌드 시 JS 코드를 바이트코드로 컴파일하여 모바일 앱 시작을 가속화하고 크로스 플랫폼 개발에서 메모리 소비를 줄입니다. Codegen은 TypeScript 타입 기반의 네이티브 코드 생성기입니다. Codegen은 자동으로 네이티브 모듈과 JSI 바인딩을 생성하여 수동 작업을 줄입니다.

Flutter는 Skia/Impeller를 통해 모든 것을 자체적으로 렌더링합니다 — 두 플랫폼에서 통합된 UI를 제공합니다. React Native는 네이티브 UI 컴포넌트를 사용합니다 — 네이티브 앱처럼 보입니다. KMP는 UI를 처리하지 않습니다 — 비즈니스 로직만 공유하며 UI는 네이티브로 유지됩니다. 선택은 우선순위에 따라 다릅니다: 통합 UI(Flutter) 또는 최대 네이티브성(React Native/KMP).

Kotlin Multiplatform을 사용한 크로스 플랫폼 개발: expect/actual, Kotlin/Native

Kotlin Multiplatform(KMP)는 Android와 iOS 간 공유 코드를 위한 JetBrains 기술입니다. Flutter 및 React Native와 달리 KMP는 크로스 플랫폼 개발에 대한 대안적인 접근 방식입니다: UI를 대체하지 않고 비즈니스 로직, 네트워크 요청, 데이터 모델 및 리포지토리를 공유합니다. UI는 네이티브로 유지됩니다: Android용 Jetpack Compose, iOS용 SwiftUI.

expect/actual

expect — 플랫폼 구현이 있는 공통 모듈(commonMain)의 함수 또는 클래스 선언. KMP를 사용한 크로스 플랫폼 개발은 expect/actual을 사용합니다: actual은 각 플랫폼(androidMain, iosMain)에 대한 구체적인 구현입니다. 예: expect fun getDeviceId(): String — Android의 actual은 Settings.Secure를 사용하고, iOS는 UIDevice.current.identifierForVendor를 사용합니다.

Kotlin/Native

Kotlin/Native — Kotlin을 네이티브 바이너리(iOS 프레임워크)로 컴파일하는 컴파일러입니다. JVM 없이 iOS에서 Kotlin 코드를 실행할 수 있습니다. Kotlin/Native는 컴파일에 LLVM을 사용하여 Swift에 가까운 성능을 제공합니다. Kotlin/JS — 웹 및 React Native 프로젝트용 Kotlin을 JavaScript로 컴파일합니다.

빌드 도구: Gradle KTS, CocoaPods Plugin, XCFramework

크로스 플랫폼 모바일 앱 개발의 빌드 도구 — 코드와 최종 바이너리 간의 브리지입니다. Gradle KTS는 Android 부분을 관리하고, CocoaPods Plugin은 KMP iOS 종속성을 관리하며, XCFramework는 네이티브 라이브러리 배포를 관리합니다.

Gradle KTS

Gradle KTS — Groovy 대신 Kotlin DSL을 사용한 Gradle 구성. KTS는 Android Studio에서 자동 완성, 타입 검사 및 리팩토링 안전성을 지원합니다. 예: apply plugin: 'com.android.application' 대신 plugins { id("com.android.application") }. 모든 새 프로젝트에 권장됩니다.

CocoaPods Plugin 및 XCFramework

CocoaPods Plugin — 공유 모듈을 CocoaPods pod으로 게시하는 KMP용 Gradle 플러그인입니다. iOS 개발자는 Podfile을 통해 추가합니다. XCFramework — Apple의 바이너리 라이브러리 배포 형식입니다. XCFramework에는 여러 아키텍처(arm64, x86_64) 및 플랫폼(iOS, macOS, watchOS)용 바이너리가 포함됩니다. KMP에서 공유 모듈은 iOS용 XCFramework로 내보내집니다.