React Native(4)
-
[RN] 본인인증 기능 구현 (with 드림시큐리티)
[RN] 본인인증 기능 구현 (with 드림시큐리티) 랜턴은 여성들을 위한 안전 앱으로, 향후 커뮤니티 기능을 위한 여성 인증과 연령 제한이 필요했습니다. 이에 따라 14세 이상 여성 사용자임을 확인하는 휴대폰 본인인증 기능을 추가하게 되었습니다.인증 방식에 대한 비교나 선정 과정은 제가 팀에 합류하기 전에 이미 결정된 부분이라, 이번 글에서는 생략합니다. 구현에는 드림시큐리티의 휴대폰 본인인증 서비스를 사용했습니다. | Mobile-OK 본인확인서비스 휴대폰 본인확인 서비스드림시큐리티 휴대폰 본인확인 서비스 - 주민번호를 사용하지 않고 생년월일 휴대폰 인증만으로 웹사이트 개인정보에 민감한 이용자들을 위한 실명확인, 본인확인용 주민번호 대체 인증서비스www.mobile-ok.comMobile-OK 본인확..
2025.07.06 -
React Native 앱 성능 최적화
React Native 앱 성능 최적화 앱 개발 과정에서 적용했던 다양한 성능 최적화 방법에 대해 정리해 보겠습니다. 이는 앱의 성능을 극대화하고, 사용자 경험을 향상시키기 위해 필요한 요소들입니다. 1. useQuery, useInfiniteQuery 사용React Query의 useQuery와 useInfiniteQuery를 사용해 비동기 데이터 관리를 최적화했습니다. 이 두 훅을 통해 API 호출 시 발생할 수 있는 중복을 줄이고, 데이터를 효율적으로 캐싱하여 상태 관리를 개선할 수 있었습니다.특히 queryKey를 사용하여 각 쿼리를 고유하게 식별함으로써 캐싱 효율성을 높였습니다. 이를 통해 이미 요청된 데이터는 빠르게 로드되어 사용자 대기 시간을 최소화할 수 있었습니다. 무한 스크롤을 지원하는 ..
2024.10.04 -
Expo 주요 개념 정리
Expo 주요 개념 정리 🗝️ Key concepts of ExpoExpo app:Expo app는 Expo tools를 사용하여 개발된 리액트 네이티브 앱을 의미합니다. 여기서 'Expo tools'는 Expo SDK, Expo Go, Expo CLI 등을 포함하여 앱 개발, 테스트, 배포 과정에서 제공하는 다양한 도구와 라이브러리를 지칭합니다.Expo 앱과 기본 React Native 앱의 개발 프로세스 차이Expo app과 Expo 도구를 사용하지 않는 리액트 네이티브 앱은 개발 프로세스가 다릅니다. Expo는 다양한 도구와 서비스를 제공하며, 이들은 독립적으로 사용할 수 있습니다. Expo가 제공하는 기능 중 일부는 React Native의 기본 도구에는 없거나 직접 설정이 필요한 것들이 많습..
2024.08.09 -
[React Native] React Native에 대해 알아보기
React Native에 대해 알아보기 Learn once, write anywhere.리액트 네이티브의 슬로건은 "한 번 배우면 어디서든 쓸 수 있다(Learn once, write anywhere)"입니다. 이 말이 의미하는 바가 무엇인지, 그리고 실제로 리액트 네이티브를 어디에서 어떻게 활용할 수 있는지 알아보겠습니다.React Native리액트 네이티브는 리액트의 강점을 네이티브 개발로 확장하여, 리액트를 아는 개발자들이 쉽게 네이티브 앱을 만들 수 있게 도와줍니다. 또한, 네이티브 개발자들은 React Native를 통해 공통 기능을 한 번만 작성함으로써 다양한 네이티브 플랫폼 간의 기능을 일관되게 유지할 수 있습니다.리액트 네이티브는 자바스크립트로 작성되며, 네이티브 코드로 변환되어 렌더링 됩..
2024.06.17