목차 개요 The Chromium Projects 크롬의 IPC 구조 멀티탭 환경에서 사용자에게 감동을 1. 개요 평소 다른 서비스를 구경하면서 UI/UX 측면의 영감을 얻거나, 구현 방식에 대해 살펴보는 편인데요. 최근에 한 서비스를 살펴보다가 궁금증이 생기게 되었어요. “프론트엔드 개발을 하면서 ...

목차 개요 인앱 업데이트 서비스에 맞게 적용하기 버전 관리 플로우 효율적으로 개선하기 결론 1. 개요 이 글은 이전에 작성되었던 React Native In-App Updates에 이어지는 내용입니다. 글을 시작하기 앞서, 이전에 적용한 인앱 업데이트에서는 아래의 문제들이 발생하고 있었습니다. 신규 ...

목차 네트워크 에러 대응 후 새로운 개선안 네트워크 장애 상황에서의 retry N/S 분리를 통해 에러 메시지 명확하게 전달하기 RTK가 만료된 사용자의 UX 개선하기 결론 1. 네트워크 에러 대응 후 새로운 개선안 이전 글 작성한 프로세스를 적용한 이후 3월 11일 기준 10일 이내로 단 한건의 에...

목차 개요 문제 인식 문제 접근 테스트를 통한 안정성 검증 결론 1. 개요 스플래시(Splash) 모바일 앱 실행 시 가장 처음 만나게 되는 화면으로, 보통 1초에서 3초정도 이어집니다. 대부분의 앱은 일반적으로 스플래시 UI를 가지고 있습니다. - 1초의 디테일, 스플래시 시각보정. ...

목차 개요 CodePush의 대안 React Native HotUpdate가 인앱 업데이트를 하는 방법 버전 관리 전략과 자동화 파이프라인 구축 결론 1. 개요 모바일 앱을 개발하다 보면 클라이언트 사이드(Production)에서 발생하는 수 많은 문제에 직면하게 됩니다. TypeError부터 시작해...

1. 딥링크 (DeepLink) https://www.naver.com/ 위 웹 링크를 클릭하면 네이버 웹페이지로 이동하듯이, 딥링크는 앱을 실행시키고 사용자를 앱 내 특정 페이지로 이동해주는 기술입니다. 예를 들어 무신사에서 결제 수단으로 토스페이를 선택을 하면, 아래 왼쪽 화면이 나오고 ‘다음’을 누르면 토스 앱의 결제 페이지로 이동하는...

1. 개요 앱 개발자로 일하면서 느낀 점은 개발하는 시간만큼이나 배포에 많은 시간이 투자된다는 점이었다. iOS Internal Testing Deploy Process 앱은 웹과 달리 상당히 복잡한 프로세스(Android & iOS Deploy Process)를 거쳐 배포되기에, 앱 수동 배포를 몇 번만 해봐도 진절머리가 난다. 심지어...

1. 개요 React Native에서 대용량 데이터를 스크롤러블하게 렌더링하기 위해 ScrollView와 FlatList를 활용합니다. 이 중 FlatList는 가상화(Virtualization)를 통해 대량 데이터를 효율적으로 처리할 수 있도록 설계되었습니다. ScrollView는 모든 데이터를 한 번에 렌더링하는 반면, FlatList는 ...

React Native 앱에서 고유 식별자를 SHA-256으로 암호화하여 안전하게 전송하는 방법을 알아보자!

앱스토어에 소셜 로그인이 포함된 앱을 제출할 때에는 애플 로그인을 미리 추가하자!