크로스플랫폼 도구 비교

React Native, Expo, Flutter, Capacitor… 뭐가 뭔지 정리

한 줄로 말하면

크로스플랫폼 도구는 코드 하나로 아이폰·안드로이드 앱을 같이 만들게 해줘. 도구마다 쓰는 언어와 화면 그리는 방식이 달라.

주요 도구 한눈에 보기

React Native (+ Expo)

React Native는 메타가 만든 도구야. 자바스크립트·타입스크립트로 쓰고, 화면은 아이폰·안드로이드의 진짜 부품으로 그려. Expo는 React Native 위에 올라가는 프레임워크로 프로젝트 생성, 폰 테스트, 클라우드 빌드, 스토어 제출까지 묶어서 편하게 해줘. React Native 공식 문서도 새 앱은 Expo 같은 프레임워크로 시작하길 권해.

Flutter

Flutter는 구글이 만들었어. Dart라는 언어를 쓰고, 화면을 자기 엔진으로 직접 그려서 어떤 기기에서든 모양이 똑같이 나와. 디자인을 픽셀 단위로 맞추기 좋아.

Capacitor (Ionic)

웹사이트를 웹뷰 안에 넣는 하이브리드 앱 방식이야. 이미 만든 웹 코드(React, Vue 등)를 거의 그대로 앱으로 만들 수 있어. 대신 앱다운 느낌을 내려면 신경을 더 써야 해.

• React Native + Expo: JS/TS · 진짜 네이티브 부품 · 웹 지식 재사용 쉬움
• Flutter: Dart · 자체 엔진으로 그림 · 디자인 일관성 좋음
• Capacitor: 웹 기술 · 웹뷰 · 기존 웹사이트 재활용
• 순수 네이티브: Swift / Kotlin · 성능·최신 기능 최강 · 두 번 만들어야 함

바이브 코더에게 Expo를 추천하는 이유

• AI가 잘 아는 언어: 자바스크립트·타입스크립트는 자료가 많아서 AI가 코드를 잘 짜.
• 웹 지식 재사용: React를 조금 알면 바로 시작할 수 있고, 같은 코드로 웹도 낼 수 있어.
• 맥 없이 iOS 빌드: EAS Build가 클라우드에서 대신 빌드해 줘.
• 폰에서 바로 확인: Expo Go 앱으로 QR만 찍으면 내 앱이 폰에 떠.

시니어는 어떻게 고를까?

확인 퀴즈

무료 · 카카오로 바로 시작 · 레슨 243개