GDG Songdo/Incheon에서 지난 4월부터 6월까지 2개월간 진행됐던 Compose 스터디에서 발표한 내용을 올려봅니다. 본 내용은 Codelab - Jetpack Compose theming 기반으로 작성되었습니다. Jetpack Compose 테마 설정 학습 내용 Material Design 기본 지침서 및 브랜드에 맞게 맞춤설정하는 방법 Compose에서 Material Design 시스템을 구현하는 방법 앱 전체에서 색상과 서체, 도형을 정의하고 사용하는 방법 구성요소의 스타일을 지정하는 방법 밝은 테마와 어두운 테마를 지원하는 방법 빌드 항목 잠깐! Material과 Material3는 요구되는 파라미터와 타입이 다른 등 일부 호환되지 않습니다. Color Material lightCo..

코틀린 멀티플랫폼을 통해 Android/iOS를 연구/개발하면서 슬슬 iOS Platform API를 통해 Native Feature를 다뤄봐야지라는 생각을 하였습니다. 사실 그전까지 안드로이드/데스크탑 위주의 코틀린 멀티플랫폼만을 만들기도 하였고 Swift는 다루지 못하기에 그동안 제한이 있었습니다. 그러다 지난 4월 Swift 공부를 하면서 간단하게나마 개발을 해보자는 생각을 하였고 무엇을 만들까 고민하다 토치(플래시)앱을 주제로 삼았습니다. 결과물 미리보기 Logic Share 범위 설정 우선 가장 먼저 고민한 부분은 토치 기능 뿐만이 아니라 UI까지 컴포즈 멀티플랫폼으로 구현할지, 아니면 UI를 제외한 토치 기능만 코틀린 멀티플랫폼으로 구현할지 고민하였습니다. UI를 제외한 공통된 로직(토치 기능..

오랜만에 Proto Datastore를 사용하려고 하니 2가지 오류가 발생하였습니다. Plugin 적용하는 부분에서 아래의 오류가 발생하였습니다. Could not get unknown property 'source' for generate-proto-generateDebugProto of type org.gradle.api.internal.file.DefaultSourceDirectorySet. 실수가 있나하여 공식 문서, Codelab을 참고하여 시도하였지만 변화가 없었습니다. 여기저기 찾아보니 스택오버플로우에서 관련 내용을 찾을 수 있었습니다. 해결 방법은 간단합니다. 코드랩에 안내된 0.8.17 버전 대신 0.9.1을 사용하면 됩니다... id("com.google.protobuf") versio..

컴포즈 멀티플랫폼으로 개발하다보면 아래의 컴파일 오류를 만나는 경우가 있습니다. Shortly: The required symbol androidx.compose.runtime/remember|1835138394250687683[0] is missing in the module or module dependencies. This could happen if the required dependency is missing in the project. Or if there is a dependency that has a different version (without the required symbol) in the project than the version (with the required symbol) ..

올해 1월부터 6월동안 개발한 프로젝트가 최종 TOP 100위에 선정되었습니다. 치매 노인을 위한 서비스로, 아쉽게도 TOP 10위에는 들지 못하였지만, 처음 플러터로 개발한 프로젝트이자 현직 구글 멘토님들과의 멘토링을 통해 새로운 경험을 해볼 수 있었던 프로젝트였던 것 같습니다. (영어는 어려워요...) 아래는 소개 영상입니다!

Compose Multiplatform을 처음 개발하면 다음과 같은 오류를 만나볼 수 있습니다. ERROR: Compose targets '[uikit]' are experimental and may have bugs! But, if you still want to use them, add to gradle.properties: org.jetbrains.compose.experimental.uikit.enabled=true 말 그대로 uikit을 대상으로 하는 컴포즈는 실험적이기에 많은 버그가 있다는 것을 의미합니다. 하지만 우리는 위험을 무릅쓰고 연구/사용을 할 것이기에 가볍게(?) 무시하고 강행하면 됩니다. 위의 오류에서도 설명은 나와있지만 이를 해결하는 방법은 간단합니다. gradle.propert..

Compose Multiplatform을 통해 Compose iOS를 구현하는 경우 매우 높은 확률로 아래의 컴파일 오류를 만날 것 이다. 물론 아래의 시나리오 외에도 발생할 수 있지만 가장 크게 만날 수 있는 오류이다. Undefined symbols for architecture arm64: "_kfun:com.haeyum.crosscomposemobile#HomeScreen(){}", referenced from: _objc2kotlin_kfun:com.haeyum.crosscomposemobile#HomeScreen(){} in shared(result.o) ld: symbol(s) not found for architecture arm64 clang: error: linker command fa..

예전에 해커톤에서 만들었던 기능 중 화면 하나를 Compose로 만들어 보았습니다. (사실 귀차니즘으로 일부는 하드코딩 되어 있습니다) 그렇습니다. iOS에서의 UI도 Compose iOS로 구현되었습니다. UI는 컴포즈. API는 Ktor. 비동기는 Coroutine. iOS에서는 KMM에서 생성된 ComposeView를 draw 해준 것 외 작성된 swift 코드는 전혀 없습니다. (와!) import SwiftUI import shared struct ComposeView: UIViewControllerRepresentable { func makeUIViewController(context: Context) -> UIViewController { IosKt.MainViewController() } ..

기존 Skiko를 활용하여 Web 내 순수 Compose 그리는 것에 성공한데 이어 iOS도 성공하였습니다! 다만 iOS는 빌드되지만 AOS 관련하여 빌드 이슈가 발생하기에... (gradle 관련 추가 작업이 필요한데 힘들군요) 아직 추가적인 수정 및 테스트가 필요할 것 같지만 1차적으로 성공하였기에 너무 행복하네요 헤헤 사실 그동안 실패하여 막막하다 이번에 다른 GDSC Lead들과 함께 부산으로 MT오는 길에 KTX 코딩 + 음주 코딩을 통해(?) 성공하였습니다. 역시 무언가 개발하다 막힐 때에는 환경을 변화시키는 것이 새로운 해결책일 수 도 있지 않을까 싶습니다.

개발자의 최대 난제인 변수와 함수 이름을 지어주는 플러그인을 만들어보았습니다! 2020.3 버전 이상의 IntelliJ 계열 IDE (안드로이드 스튜디오, 파이참, 라이더 등)에서 사용 가능합니다! [ 플러그인 ] https://plugins.jetbrains.com/plugin/21095-namingfox [ 오픈소스 ] https://github.com/kisa002/NamingFox 차후 VS Code 버전 및 Compose를 통해 Web 버전도 개발 예정입니다!