[Android] Jetpack Compose (2)

UI 디자인하기 이전 포스팅에서 text뷰와 textField를 jetpack Compose 방식으로 적용하는 방법을 배웠다. 이제 화면을 담당하는 레이아웃과 그 내부의 코드를 작성하는 방법을 공부해야 한다. 이 방식을 익혀서 Activity에서 xml을 통해 작성한 레이아웃을 Jetpack Compose로 구현하는 연습을 한다. 연속 텍스트와 이미지 적용하기 구성 함수를 통해서 UI 계층 구조를 빌드하는 과정으로 연속 텍스트와 이미지를 적용한다. 간단한 메시지 함수를 빌드하고, 메시지를 표현하는 코드를 작성했다. 우선 메시지 데이터를 나타낼 data class를 선언했다. // 여러 텍스트 추가 data class Message( val author : String, val body : String, ..

• format_list_bulleted Deep Dive/Android Jetpack Compose
• · 2023. 6. 25.
• textsms

[Android] Jetpack Compose (1)

아래 블로그 포스팅을 참고했습니다. https://blog.mathpresso.com/jetpack-compose-%EB%A1%9C-%EA%B8%B0%EB%8A%A5%EC%A0%84%EC%B2%B4%EB%A5%BC-refactoring-%ED%95%B4%EB%B3%B4%EC%9E%90-2b921c624e80 요즘 핫🔥-한 Jetpack Compose 로 기능 하나를 통째로 Refactoring 해보기 곧 몰아칠 새로운 UI 개발 패러다임에 대비해보자 blog.mathpresso.com Jetpack Compose SwiftUI, Flutter 와 같은 선언형 UI 기존의 안드로이드의 XML이나 IOS의 StoryBoard로 작성하는 방식은 특정 상태에 따라 UI를 어떻게 보여줄 지를 구상하여 구현하게 된..

• format_list_bulleted Deep Dive/Android Jetpack Compose
• · 2023. 6. 25.
• textsms