데브허브 | DEVHUB | [10분 테코톡] 이든의 Compose Modifier[10분 테코톡] 이든의 Compose Modifier
- Modifier는 Composable의 크기, 레이아웃, 상호작용 등을 쉽게 커스텀할 수 있는 핵심 API입니다. 🛠️
- 크기, 여백, 배경색, 사용자 상호작용(클릭) 등 다양한 시각적 및 동작적 속성을 적용할 수 있습니다. 🎨
- 기존 XML 방식과 달리, Modifier는 레이아웃과 사용자 상호작용 로직을 한 곳에서 관리하여 코드 이해도를 높입니다. 🔄
- Modifier는 체이닝 방식을 통해 여러 속성을 연결하여 순차적으로 적용하며, 모든 속성을 한눈에 파악 가능하게 합니다. 🔗
- Modifier는 체이닝된 메서드들을 순차적으로 적용하므로, 적용 순서에 따라 최종 결과(예: 클릭 가능 영역)가 달라집니다. ➡️
- Composable 함수의 파라미터는 필수 값, Modifier, 선택적 파라미터, 후행 람다 순서로 정의하는 것이 권장됩니다. 📜
- Modifier는 협업 시 다른 개발자가 쉽게 찾을 수 있도록 기본값이 있는 파라미터 중 가장 먼저 위치해야 합니다. 🤝
- 모든 Composable은 Modifier를 파라미터로 받아야 불필요한 UI 트리 깊이 증가를 막고 유연한 커스터마이징을 가능하게 합니다. 🌳
- 부모 Composable의 Modifier를 자식 요소에 재사용하면 외부에서 주입한 의도가 왜곡되거나 예측 불가능한 동작을 유발할 수 있습니다. 🚫
- Modifier는 항상 최상위 컨테이너에만 적용하고, 내부 자식 요소는 필요한 경우 별도의 Modifier를 설정해야 합니다. 🏠
- Modifier는 Composable의 '메이크업'과 같아서, 올바르게 사용하면 UI를 더욱 멋지고 효과적으로 만들 수 있습니다. ✨