Swemo - Iteration 6: MVP 1 구현 (3/3)

#1 개발 목표 (Iteration Goal)

#1-1 이상(Ideal)과 징검다리

Iteration 6: MVP 1 구현 (3/3)

Iteration 5에서 화면(UI)를 약간 다듬고, 내부 코드의 가독성을 손봤다.

 

#1-2 개발 범위

이번 개발 범위 (In Scope)

1. UI 다듬기
2. 코드 가독성 향상

 

범위 외 (Out of Scope)

1. 기능 추가ㆍ수정ㆍ삭제

 

#2 변경 내역 (커밋 목록)

#2-1 Iteration 6-1: UI 다듬기

주요 변경점

• Preview가 누락된 컴포넌트에 Preview 추가
• memo 모듈 전용 컴포넌트에 internal 접근제어자 붙임
• MemoFeed의 LazyColumn에 bottom padding을 줘서, FAB가 Memo를 가리지 않게 함

 

스크린샷

사용자가 스크롤을 끝까지 내렸을 때, FAB를 위한 공간이 생겼다.

 

코드 스니펫

@Composable
internal fun MemoFeed(
    memos: List<Memo>,
    modifier: Modifier = Modifier,
    onMemoClick: (Memo) -> Unit = {},
    onMemoLongClick: (Long) -> Unit = {},
) {
    LazyColumn(
        ...
        contentPadding = PaddingValues(bottom = 80.dp)
    ) {
        items(
            ...
        ) { memo ->
            ...
        }
    }
}

"저 80.dp 값을 정적 계산이 아닌 동적 계산으로 즉, 소프트코딩으로 해결해야하나?"라고 생각했다. 하지만, 더 우아한 코드가 나온다는 점 외에는 그렇게 할 이유가 없었다.

 

참고

• [GitHub] 이 작업의 Commit

 

#2-2 Iteration 6-2: MemoViewModel의 이벤트 개선

주요 변경점

• MemoViewModel의 이벤트를 보기 좋게 정렬하고 주석 추가, MemoScreen과 MemoScreen의 하위 컴포넌트에서도 MemoViewModel에서의 이벤트 순서를 그대로 따르게 다듬음
• 인수를 받지 않는 일부 이벤트들이 인수를 받게 설정 (재사용성↑)
• MemoViewModel에 정의한 이벤트를 사용하는 MemoScreen의 코드 가독성 개선

 

참고

• [GitHub] 이 작업의 Commit

 

#3 개발 결과 (Iteration Outcome)

어찌 되었든, 일단 쓸 수는 있는 앱을 만들었다. 이제 이걸 직접 사용해 보며 빠르게 고도화하겠다. 그렇다고 너무 거창한 걸 구현하진 않을 것이다.

 

또, 이후부터 손으로 직접 하는 코딩을 대폭 줄일 것이다. 단순히 시대적 추세를 쫓기 위함이다. 하지만 본질은 변하지 않는다. 개발자는 문제를 해결하는 사람이니까. 문제를 해결한 '척'하지 않으려면, "왜?"라는 질문에 논리정연이 대답할 수 있어야겠지. 기본으로 돌아가자.