Compose Web - Skiko
개발/개발 일기2023. 2. 23. 03:21Compose Web - Skiko

Compose Web에 Skiko를 입히니 기존 Compose 로직 그대로 Web에서도 UI를 그릴 수 있네요. Canvas에 그려지는 형태이기에 SEO는 불가능할 것 같아 아쉽지만 차후 Flutter SEO 라이브러리처럼 구현된다면... 이번 발견(?)으로 이제 정말 Flutter처럼 Compose 단일 UI 코드로 AOS, iOS, Desktop(Windows, Linux), Web 모두 구현이 가능할 것 같습니다. 물론 아직 Web에서 몇 가지 테스트를 해보니 몇몇 인터렉션이 작동되지 않기에 수 작업으로 연결이 필요하는 등 stable 한 것 같지는 않기에 정식 product 사용은 어려워 보이긴 하지만 언젠가 정말 stable 하게 출시된다면 Compose로 세계 대통합을 할 수 있지 않을까.....

PopupWindow에서 Jetpack Compose를 사용하는 방법
개발/Android2022. 11. 4. 11:30PopupWindow에서 Jetpack Compose를 사용하는 방법

Jetpack Compose에서 PopupWindow를 왜 사용하죠? 사실 처음부터 Compose로 개발하였다면 PopupWindow를 사용할 경우는 거의 없다고 생각된다. 그렇지만 그 이전, 우리는 커스텀 팝업을 만들 때 PopupWindow를 사용하여 XML을 Inflate 시켰기에 보다 편하게 만들어 왔었다. 그러다 점차 신규 프로젝트가 Compose로 개발이 시작되면서, 구 프로젝트(XML)에서도 독립적인(연계되지 않는) 신규 화면에 한해 Compose로 개발을 하였다. 이미 전반적인 커스텀 팝업을 PopupWindow를 사용하고 있으며 해당 팝업을 사용하는 곳도 Compose가 아니기에 기존 구조를 그대로 사용하면서 내용물만 Compose로 만든 다음 AbstractComposeView로 wra..

개발/Android2022. 7. 11. 02:03[Jetpack Compose] BasicTextField - clearFocus() 이슈

Error Log layoutcoordinate operations are only valid when isattached is true 시나리오 BasicTextField 생성 decorationBox안에 value(입력 값)이 empty이 아니면 innerTextField를 호출하지 않도록 함 키보드 엔터 누른 경우 search를 하고 키보드 숨김 및 focusManager로 clearFocus 호출 이때 text가 비어있는 상태에서 키보드 숨김 및 focus 해제 후 다시 BasicTextField를 클릭하면 앱 사망 분석 clearFocus() 함수의 문제인가? clearFocus() 함수를 호출하고 이후 호출을 하지 않더라도 앱이 사망 키보드가 내려간 상태에서 textField를 클릭하였기 때문..

컴포즈 웹 개발 후기 (Compose for Web)
개발/개발 일기2022. 3. 1. 02:41컴포즈 웹 개발 후기 (Compose for Web)

What is Compose Compose는 Google에서 만든 UI툴킷으로 개발을 간소화 및 가속화가 가능하며, 적은 수의 코드와 다양한 도구 및 Kotlin API를 사용하여 UI 개발이 가능합니다. 안드로이드의 Jetpack Compose 많은 분들은 안드로이드의 Jetpack Compose 이야기만 들어보셨을 것 이라 생각됩니다. 지난 21년 말, GDG Korea Android 에서도 Jetpack Compose를 사용해보도록 4주간 개발 및 질문하는 소규모 캠프(?)를 여는 등 최근 안드로이드 UI 개발의 패러다임은 기존 XML 방식에서 Jetpack Compose로 바뀌어 나가고 있습니다. 저 역시 지난 1월부터 XML 방식의 UI 개발에서 Jetpack Compose로 넘어와 개발하고 있..

image