선생님, 개발을 잘하고 싶어요.

이번 글은 작업할 때 생각 흐름을 나열하는 식의 글이기 때문에 편한 말투를 사용합니다. 독서타임 1.0.10 버전에서 통계 기능이 추가되었다. 통계 페이지에 독서 시간 통계를 위해서 바 그래프 UI를 구성해야 했다. 내가 이 디자인을 완성하기 위해서 거치는 생각 프로세스를 정리해보고자 한다. 우선 가장 먼저 디자인을 보며 화면을 그리기 위해서 필요한 데이터를 가장 먼저 생각한다. 가장 간결하게 생각하면 각 독서 기록 시간 리스트를 떠 올 릴 수 있다. 시간 리스트만 있다면 디자인에서 보이는 평균 시간, 최고 시간, 최저 시간을 모두 계산할 수 있을 것이고, 바 그래프의 상대 크기를 결정할 수 있을 것이다. 또 포인트 컬러가 필요하다. 디자인에서 드러나지만 책에 설정된 컬러 값에 따라서 최고 시간을 표현하..

서문 - 왜 이런 걸 하나 독서타임에 온보딩 기능을 추가하는 중이다. 온보딩은 앱을 사용하면서 달성하고자 하는 게 무엇인지 입력받는 것부터 시작한다. 유저는 목표를 2개까지 선택할 수 있다. 그렇다면 유저가 3개째를 선택할 때는 어떻게 해야 할까? 이미 2개까지 선택할 수 있다는 경고 문구를 두었으니 3개째 클릭에 아예 피드백을 안주는 선택지도 있지만 용납할 수 없었다. 최소한의 피드백으로 토스트 메시지를 띄우자니 영 멋이 없었다. 그래서 목표 위젯이 부들부들 떨리는 애니메이션과 진동으로 유저에게 피드백을 주는 방법을 떠올렸다. 왜냐하면 그게 간지 나니까. 분명 위아래로 진동하는 애니메이션을 구현하고 싶었건만, 결과물은 길거리 양아치마냥 고개를 까딱거리는 애니메이션이 탄생했다. 디자이너(트라)에게 넘기니..

문서 안드로이드 AndroidManifest.xml 파일에 다음을 추가한다. ...

Composable의 라이프사이클은 Activity 라이프사이클에 비하면 무척 간단하다. 총 세 단계만 기억하면 된다. Enter the Composition Composable 함수가 Composition 트리에 추가되는 순간이다. 즉, 최초로 Composable 함수가 호출되는 순간이다. Recompose 0 or more times 그러진 Composable에 State가 변경되면 UI를 다시 그려야 한다. 즉, 새로운 파라미터로 Composable 함수가 호출되는 순간이다. Leave the Composition Composable 함수가 Composition 트리에서 제거되는 순간이다. Lifecycle 확인하기 아래 코드로 설명한 Composable 각 라이프사이클 단계에 로그를 심을 수 있다..