React Native2 Lottie 애니메이션 (AE 익스포트, 성능 최적화, 네이티브 통합) 솔직히 이건 예상 밖이었습니다. 온보딩 애니메이션 하나를 MP4로 넣었다가 파일 크기가 2.4MB까지 불어났고, 로딩 지연 컴플레인이 바로 들어왔습니다. 그때 처음 Lottie로 전환했는데, 같은 애니메이션이 240KB로 줄고 로딩 시간이 1.8초에서 0.3초로 뚝 떨어졌습니다. 그 경험 이후로 저는 모바일 앱 외주에서 애니메이션을 MP4로 설계하는 선택지 자체를 지웠습니다.After Effects에서 JSON으로 — Bodymovin 익스포트의 핵심Lottie 워크플로우는 After Effects에서 시작합니다. 여기서 Bodymovin이라는 플러그인이 핵심 역할을 합니다. Bodymovin이란 After Effects에서 제작한 벡터 애니메이션을 JSON 파일 형식으로 변환해주는 무료 익스포트 플러그.. 2026. 5. 20. React Native 인증 화면 (컴포넌트 재사용, 소셜 로그인, 한국 표준) 외주 견적을 받고 나서 가장 먼저 "로그인 화면은 어떻게 할 거예요?"라는 질문을 받는 건 이 일을 5년 넘게 하면서도 매번 반복되는 상황입니다. iOS, Android, 웹을 동시에 납품해야 하는 프로젝트라면 이 질문이 더 무겁게 느껴지죠. 직접 겪어보니 인증 화면 하나를 제대로 설계해두면 프로젝트 납기가 눈에 띄게 줄어들었습니다.컴포넌트 재사용 설계가 외주 납기를 바꾼 이유React Native에서 인증 화면을 만들 때 제가 가장 먼저 하는 일은 UI 아키텍처를 그리는 것입니다. 바텀업(Bottom-Up) 방식, 즉 가장 작은 단위의 컴포넌트부터 설계하고 위로 조립하는 구조입니다. 여기서 바텀업 방식이란 재사용 가능한 최소 단위 컴포넌트를 먼저 만들고, 이를 조합해 화면을 구성하는 개발 방법론을 말합.. 2026. 5. 8. 이전 1 다음
