네트워크 기반 Compose Preview가 안보인다면?

간단 소개

여기어때 YDSImage 컴포넌트의 Compose Preview가 네트워크 제한으로 렌더링되지 않는 문제를 LocalInspectionMode를 통해 해결하고 개발 효율성을 개선한 사례.

AI Summary

YDSImage 컴포넌트와 Preview 문제
- YDSImage는 여기어때 앱의 UI 일관성을 위해 사용되는 네트워크 기반 이미지 렌더링 컴포넌트이다.
- Jetpack Compose Preview 환경에서 YDSImage가 제대로 렌더링되지 않는 문제가 발생했다. Preview는 UI 개발 효율성에 중요한 영향을 미친다.
원인 분석 및 해결
- Preview 환경은 네트워크 요청을 허용하지 않기 때문에 AsyncImage가 이미지를 불러오지 못한다.
- LocalInspectionMode를 사용하여 Preview 환경을 감지하고, Preview 모드에서 기본 이미지를 렌더링하도록 분기 처리하여 해결했다.
결론 및 적용
- LocalInspectionMode 적용 후 YDSImage를 사용하는 컴포넌트들의 Preview 품질이 개선되었다.
- 팀원들과 공유하여 상용 프로젝트 코드에 반영되었으며, 작은 개선이 '최고 수준'을 만들어가는 과정임을 강조한다.