Using state in Jetpack Compose – 설정하기

샘플 앱을 다운로드 하려면 다음중 하나를 수행하자.

샘플 앱 다운로드를 수행하거나 또는 커맨드 라인을 사용하여 Github 저장소를 클론하자

git clone https://github.com/googlecodelabs/android-compose-codelabs.git
cd android-compose-codelabs/StateCodelab

compose-codelabs 저장소는 코드랩을 위한 스타터 코드를 포함한다.

이 코드랩에서는 StateCodelab 프로젝트를 사용한다.

– StateCodelab : 이 코드랩을 위한 시작과 끝을 포함하는 코드가 담긴 프로젝트

이 디렉토리는 start 및 finished 코드를 포함하고 있다. 안드로이드 스튜디오에서 좌측 패널을 보면 모듈 두개를 확인할 수 있다.

– start : 이 프로젝트를 위한 스타터 코드, 이 코드랩을 완성하기 위해 변경할
-finished : 이 코드랩에 대한 완성된 코드

언제든지 안드로이드 스튜디어에서 각 모듈을 선택하여 실행할 수 있다.

안드로이드 스튜디오에서 프로젝트 열기

1. Open an Existing Project를 선택하자
2. StateCodeLab을 다운로드 한 경로를 찾아 폴더를 선택하도록 하자.
3. 안드로이드 스튜디오가 프로젝트를 불러왔다면, start 및 finished 모듈을 실행해보도록 하자.

방금 다운로드 한 샘플에서 start 모듈은 빈 화면을 보여준다.

시작 코드 탐색하기

• examples – 단방향 데이터 흐름에 대한 개념을 탐색하기 위한 Activity 예제. 이 패키지를 수정할 일은 없다.
• ui – 안드로이드 스튜디오에서 새로운 컴포즈 프로젝트를 시작할 때 자동으로 생성되는 테마를 포함한다. 이 패키지도 수정할 일은 없다.
• util – 프로젝트를 위한 helper 코드가 포함되어있다. 이 패키지를 수정할 일은 없다.
• todo – 우리가 만드려는 Todo 화면에 대한 코드를 이 패키지에서 포함하고 있다. 이 패키지를 수정할 예정이다.

이 코드랩에서는 todo 패키지에 있는 파일들에 초점을 맞출 것이다. start 모듈에서 몇가지 친숙한 파일들이 있다.

todo 패키지에 제공된 파일

• Data.kt – TodoItem을 표현하는데 사용된 데이터 구조
• TodoComponents.kt – Todo 화면을 만드는데 사용되는, 재사용 할 수 있는 컴포저블. 이 파일은 수정할 필요가 없다.

todo패키지에서 수정할 파일들

• TodoActivity.kt – 이 코드랩을 마친 후 컴포즈를 사용하여 Todo 화면을 그릴 안드로이드 Activity.
• TodoViewModel.kt – Todo 화면을 만들기 위한 컴포즈를 통합한 ViewModel. 이 ViewModel을 컴포즈에 연결하고 확장하여 더 많은 기능을 추가 할 것이다.
• TodoScreen.kt – 이 코드랩을 진행하는 동안 만들 Todo 화면에 대한 컴포즈 구현.

후원하기