DevFest 2021
1.Week 1 Tutorial: Jetpack Compose basics
Jetpack Compose는 네이티브 Android UI를 빌드하기 위한 최신 도구 킷이다. 더 적은 수의 코드, 직관적인 Kotlin API로 UI 개발을 간소화하고 가속화할 수 있다. 1. Composable 함수 Jetpack Compose는 Composabl
2.Week 1 Jetpack Compose basics (1)
Jetpack Compose란? Jetpack Compose는 네이티브 UI를 빌드하기 위한 최신 도구 키트이다. 빠르고 간소화된 개발에 도움을 준다. 반응형 프로그래밍 모델과 Kotlin의 간결함, 용이성을 결합한다. 데이터를 UI 계층 구조로 변환하는 함수를 호출하
3.Week 1 Jetpack Compose basics (2)
State in Compose 이번에는 아래와 같이 사용자와의 상호 작용에 반응하는 화면을 만들어 볼 것이다. Interaction 다음을 구현할 것이다. Button을 클릭할 수 있게 만들기 항목 크기를 조절하기 위 2가지를 하기 위해서는 각 항목이 확장 되었는지
4.Week 2-1 Layouts in Jetpack Compose (1)
Modifier (수정자) Modifier는 Composable을 꾸밀 때 사용하며 일반 Kotlin 객체이다. 변수에 할당하고 재사용할 수 있으며, 여러 Modifier를 차례로 연결하여 사용할 수도 있다. 동작, 모양을 변경 접근성 레이블 같은 정보 추가 사용자 입
5.Week 2-1 Layouts in Jetpack Compose (2)
Material Components Compose에는 앱을 만드는 데 상요할 수 있는 Material Component Composable이 제공된다. 가장 High-Level Composable은 Scaffold이다. Scaffold Scaffold를 사용하면 기
6.Week 2-1 Layouts in Jetpack Compose (3)
복잡한 커스텀 레이아웃 Layout의 기본 사항을 다룬다. API의 유연성을 보여주기 위해 좀 더 복잡한 앱을 만들어 보겠다. 아래 그림에서 볼 수 있는 커스텀 Material Study Owl에서 지그재그 그리드를 구현해보겠다. Material Study Owl ex
7.Week 2-2 Using state in Jetpack Compose (1)
이번에는 Jetpack Compose에서 상태를 사용하고 조작하는 방법을 배울 것이다. 상태(State)란? 기본적으로 상태는 시간이 지남에 따라 변경될 수 있는 모든 값을 말한다. 광범위한 정의인데 Room DB에서 클래스의 변수까지 모든 것을 포함한다. 모든 A
8.Week 2-2 Using state in Jetpack Compose (2)
Compose에서의 메모리 ViewModel과 함께 Compose를 사용하여 단방향 데이터 흐름을 구축해봤으니 Compose가 내부적으로 상태와 상호작용하는 법에 대해 알아볼 것이다. > Stateful 컴포저블은 시간이 지남에 따라 변경될 수 있는 상태 조각을 가지