프로젝트 답지19 앱에서 앨범에 접근해 동영상 불러오는 시간 줄이는 방법 React Native에서 동영상을 갤러리에서 불러오는 방식은 여러 가지가 있지만,처음에는 expo-image-picker를 사용했다.하지만 느린 속도, 자동 압축 문제 등의 이유로,expo-media-library로 전환하는 과정을 거쳤다.🚨 문제점: 갤러리에서 동영상 불러오는 속도가 너무 느림초기 방식: expo-image-picker 사용처음에는 가장 간편한 방법인 expo-image-picker를 사용했다.이 방식은 기본적으로 이미지 및 동영상을 선택하는 기능을 제공하지만,사용해보니 여러 가지 문제점이 발생했다.📌 초기 방식의 문제점Base64 인코딩된 데이터를 반환하여 처리 속도가 느림expo-image-picker는 자동으로 일부 압축을 수행동영상을 선택한 후 압축 과정에서 시간이 지체됨✅.. 2025. 1. 27. 답지 영상 데이터 소모량 개선 🚨 문제점: 과도한 데이터 소모 & 깜빡임 현상 발생초기 방식: 모든 동영상을 한 번에 불러옴초기에는 FlatList를 사용해 한 페이지당 **3개의 답지 인덱스(최대 45개 영상)**를 불러오도록 구현했다.하지만 모든 동영상이 동시에 요청되고 자동 재생되어, 데이터 사용량이 급격히 증가했다.📌 문제점 정리✔ 한 페이지당 최대 2.5GB 데이터 사용✔ 화면에 보이지 않는 동영상도 미리 로드됨✔ 스크롤 시 깜빡임 발생 (썸네일 → 동영상 전환 시)✅ 해결 목표:보이는 동영상만 로드 & 재생하도록 최적화불필요한 데이터 요청을 최소화부드러운 전환을 위한 깜빡임 방지🔍 해결 과정: 최적화 적용하기1. onViewableItemsChanged 활용 - 보이는 영상만 재생📌 기존 방식FlatList가 한 번.. 2025. 1. 3. 앱스토어 승인 리젝 사유 모음집 => 승인 통과된 결과 12.13 / 리젝사유 1 앱스토어 심사 신청하고 하루만에 리젝되었다고 알려줬다. 사유로는 사진 라이브러리 권한 요청 시 나타나는 설명이 불충분 ''Allow DapJi to access tyor photos", 단순하게 '갤러리에 접근을 시도합니다' 가 아닌 좀 더 자세한 설명이 필요함,예를들면 "프로필 편집에 갤러리 접근 권한을 허용하시겠습니까?" 이런식으로 ios: { infoPlist: { NSPhotoLibraryUsageDescription: "프로필 및 게시판 이미지, 비디오(답지 영상) 업로드를 위해 갤러리 사용 권한을 허용 하시겠습니까?.", },app.config.js infoPlist 안에 NSPhotoLibraryUsageDescription 설정,갤.. 2024. 12. 13. react-query의 데이터 깜빡임 해결 건(placeholderData) 1.문제컬러 선택 시 데이터 깜빡임프로젝트에서 **activeColor**에 따라 해당 컬러의 데이터를 불러오는 카테고리 선택 기능이 있음.이 페이지는 공지사항, 컬러(카테고리), 동영상 컴포넌트로 구성되어 있음.사용자가 컬러(카테고리)를 변경하면1. React Query의 queryFn이 다시 실행되면서 데이터를 새로 요청.2. getGymDetailDatas가 새 데이터를 가져오는 동안 **일시적으로 undefined**로 변경.3. 이로 인해 공지사항 타이틀이 잠깐 "공지 준비중"으로 표시되었다가, 새 데이터 요청 완료 후 원래 타이틀로 복구됨.사용자 경험의 문제기능적으로 큰 문제는 없으나: 카테고리 변경 시 공지사항과 동영상 목록이 깜빡이는 현상이 발생.프로젝트 특성상 카테고리를 여러 번 변경하는.. 2024. 12. 9. 프로젝트 간단 정리 1. 프로젝트 간단요약✅ 프로젝트 개요이름답지, DapJi목적클라이밍을 좋아하는 클라이머들이 좀 더 재밌게 취미 생활을 즐길 수 있도록 각 암장의 문제풀이를 공유하는 플랫폼👀 1차. Web - Next.js웹뷰를 통해 앱 제작을 기획하고 프로젝트 진행좀 더 네이티브스러운 기능을 사용하기 위해 하이브리드 앱으로 전환웹을 관리자용으로 사용 할 예정, 또는 링크공유 적용 할 예정👀 2차. App - EXPOreact-native를 기반으로한 expo 사용✅ 주요 기능바텀 탭을 사용해 4개의 주 페이지로 구성, 각 페이지는 스크롤이 가능하도록 FlatList를 사용한 무한스크롤 기능으로 구현 ,소셜 로그인Apple Login ****expo expo-apple-authentication 을 사용해 구현, .. 2024. 12. 6. 이전 1 2 3 4 다음
