데브허브 | DEVHUB | Build a Compose Multiplatform Meme Creator App With Clean Code & MVIBuild a Compose Multiplatform Meme Creator App With Clean Code & MVI
- 이 강좌는 기존의 목록/상세 화면 앱과 달리, 밈 생성 앱을 통해 고급 UI 및 이미지 조작 기술을 다룹니다. 🎨
- 사용자는 밈 템플릿 목록에서 선택하여 텍스트를 추가하고, 자유롭게 드래그, 회전, 크기 조절, 여러 줄 텍스트 편집이 가능한 밈 에디터를 활용합니다. ✍️
- 생성된 밈은 갤러리에 저장하거나 공유 시트를 통해 다른 앱으로 공유할 수 있습니다. 💾
- Kotlin Multiplatform과 Compose Multiplatform을 사용하여 Android 및 iOS 앱으로 동시에 빌드되며, 데스크톱 및 웹 확장은 다루지 않습니다. 📱
- JetBrains의 후원으로 진행되는 강좌이며, Kotlin 및 Compose 기본 지식이 필요하지만, 복잡한 부분은 상세히 설명됩니다. 🧠
- 이 강좌를 통해 파일 시스템 작업, URI 이해, 고급 Compose 2D 드래그 및 변환, Canvas를 이용한 이미지 렌더링 및 커스텀 이미지 생성/내보내기를 배울 수 있습니다. 🚀
- Kotlin Multiplatform은 플랫폼 간 로직 공유를 위한 기반 기술이며, Compose Multiplatform은 UI 로직까지 공유할 수 있게 하는 확장 기술입니다. 🤝
- Android Studio의 내장 마법사를 통해 Kotlin Multiplatform 프로젝트를 생성하고, Android, iOS, Shared UI 옵션을 선택하여 시작합니다. 🛠️
- 밈 템플릿 이미지(WEBP), Impact/Manrope 폰트(TTF), 문자열 리소스, 색상 테마 등 필요한 모든 리소스는
commonMain/composeResources 폴더에 가져와 사용합니다. 🖼️
- 강좌의 초기 및 최종 코드는 GitHub 저장소에서 제공되며, 필요한 리소스 파일도 함께 제공됩니다. 🔗