길거리에 음악을 떨어뜨리는 RE:MEDY, 개발 회고

React Native 기반의 위치 기반 음악 소셜 플랫폼, RE:MEDY 개발 회고

React Native의 빌드 에러, 지도 API 연동, HLS 기반 음악 재생 구현

원스토어 출시 및 소프트웨이브 전시 참여, 은상 수상

React Native 앱 개발의 어려움

React Native 환경 설정 및 빌드 과정에서 잦은 에러 발생. 구체적으로, 라이브러리 버전 호환성 문제와 네이티브 모듈 설정 오류가 빈번했다. 따라서, AI 기반 검색을 통해 문제 해결 시간을 단축했다.

위치 기반 서비스 구현의 기술적 도전

위치 기반 서비스 구현을 위해 react-native-maps 사용 시, 다양한 빌드 에러 발생. iOS와 Android의 위치 권한 요청 방식 차이로 인해, 플랫폼별 분기 처리 코드를 작성했다. React Query를 활용하여, 위치 변경 시 캐시 무효화를 구현했다.

HLS 기반 스트리밍 음악 재생 구현

음악 재생을 위해 HLS 프로토콜을 사용하고, TrackPlayer 라이브러리를 활용했다. M3U8 플레이리스트를 파싱하여, 내부 세그먼트 경로를 절대 경로로 변환했다. 결과적으로, 백그라운드 재생을 위한 권한 요청 및 Data URL 래핑을 통해 안정적인 음악 재생을 구현했다.