Jetpack Compose와 상태관리

Jetpack Compose와 상태관리

개요우아한테크코스에서 각 크루 멤버는 교육 기간 동안 한 번 발표해야 합니다. 주제는 자유롭고, 배운 것이나 경험한 것을 공유해야 합니다. 저는 평소에 관심있게 공부했던 Jetpack Compose를 주제로 선택했습니다. 발표 자료를 공유합니다.

  • format_list_bulleted Deep Dive/Android Jetpack Compose
  • · 2024. 11. 2.
  • textsms
[Android] Performance Testing XML vs Programmatically vs Jetpack Compose

[Android] Performance Testing XML vs Programmatically vs Jetpack Compose

💡 UI 작업을 XML과 Code, Jetpack Compose 진행했을 때의 차이를 비교하고 테스트를 진행하였습니다. 개요XML과 Programmatically 방식에 대한 차이점이 궁금하던 중 직접 테스트한 블로그를 발견하여 학습하게 되었습니다.Performance comparison: building Android Layout with XML vs By Code vs Jetpack Compose Performance comparison: building Android Layout with XML vs By Code vs Jetpack ComposeThe time required to create the activity layout in XML vs by code programmatically vs..

  • format_list_bulleted Deep Dive/Test Code
  • · 2024. 9. 1.
  • textsms
[Android] Jetpack Compose (2)

[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)

[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