본문 바로가기

프로젝트 답지13

[Dap JI ] 갑자기 되던 모달이 안나오는 이유 발생 문제 expo sdk 업그레이드 하기 전에 잘 되던 바텀시트와 모달이 업데이트 후에 안나오는 상황이 발생. const [modalOpen, setModalOpen] = useState(false); const [reportOpen, setReportOpen] = useState(false); //리포트 모달 나오는 클릭 const handleReportClick = () => { setModalOpen(false); //상세 바텀시트 옵션 setReportOpen(true); // 신고 바텀시트 열기 }; //유저 차단 모달 나오는 클릭 const handleBlockedClick = () => { const confirmAction = async () => { .. 2024. 11. 27.
[Dap JI ] expo go가 아닌 실제 배포 환경에서 적용해보기, npx expo start 환경은 2개로 나뉜다. 처음엔 있는지도 몰랐다가 실제 도메인 적용한 모습 보고 싶어서 찾아보던 중 development build가 있는 것을 어쩌다 발견함, 1. Using Expo Go설명:기본적으로 Expo Go 앱을 사용하여 프로젝트를 실행Expo Go는 빠르게 앱을 테스트할 수 있는 환경여태까지 사용하던 환경인 듯 싶다. 작동 방식:QR 코드를 스캔하거나 Expo Go 앱에서 실행.네이티브 코드를 포함하지 않은 Expo SDK 기능만 동작.장점:별도 빌드 없이 빠르게 실행 가능.Expo의 모든 관리형 워크플로우(Managed Workflow)를 지원.제약 사항:네이티브 모듈(예: react-native-reanimated, react-native-maps)을 사용할 수.. 2024. 11. 27.
[Dap JI ] expo 스텍관리문제 1. 문제 프로필 페이지에서 router.push로 세팅 페이지로 이동=> 이때 push때문에 프로필 페이지에 대한 스택이 쌓임세팅 페이징세ㅓ 로그아웃 버튼 누른 후 isSuccess면 router.replace('/') 로 이동루트페이지 이동 후 뒤로가기 드래그 하면 다시 이전 프로필 페이지로 이동됨하지만 유저 id가 없어 데이터는 캐시된 데이터 외에는 데이터를 불러올 수 없음굉장히 굉장히 거슬림  2. 원인아마 profile에서 push때문에 쌓인 스택 때문에 뒤로가게되는거라 생각replace를 사용해도 이전 스택만 제거할뿐 전체 스택을 제거하진 않음 3. 해결 방법 1. @react-navigation/native 사용해야할듯 리액트 네이티브에서 많이 사용하는 라우팅 라이브러리  https://ww.. 2024. 11. 21.
[Dap JI ] 스토어 승인 요소 1. 앱이름앱스토어에 출시되는 이름, 시중에 출시된 앱 이름과 동일하게 사용 x앱 이름 – 설치 이름, 앱스토어 노출 이름아 겉어여야함2. 부제앱 이름 밑에 표시되는 내용, 한줄소개 같은 느낌3. 키워드앱을 설명하는 키워드, 100자 이내, 쉼표 사용해서 구분앱스토어에서 검색할 때 키워드로 검색해서 나올 수 있음, 4. 앱설명앱의 특징과 기능에 대한 설명, 4000자 이내앱 설명을 최대한 자세하게 준비해야 심사 거절을  안 당할 수 있다. 앱의 기능, 편의성, 특징 등등 5. iOS 앱 아이콘 요구사항크기 및 해상도앱 아이콘은 정사각형, 1:1비율png형식, 투명배경이 없어야함1024픽셀로 준비  "ios": { "icon": "./assets/icons/icon.png", }, .. 2024. 11. 20.
[Dap JI ] expo 이미지 업로드 reat-native 환경에서 이미지 업로드 적용하는 방법,  next..js에선 input의 type ='file'을 사용해서 이미지 업로드를 구현할 수 있지만 react-native에선 없기 때문에 라이브러리를 사용. 1. expo-image-picker2. react-native-picker 이 두개가 대표적인듯.  나는 expo를 사용중이기 때문에 expo-image-picker  적용,  last publish도 2일전이니 꾸준하게 디벨롭중인 것 같다. - expo-image-picker 장점   1. 간편한 설치 및 사용       - expo에서 바로 사용 가능하며 네이티브 코드를 건드릴 필요가 없다.    2. 안전성      - expo 환경에 테스트 가능, 다양한 기기에서 일관되게 작용.. 2024. 10. 24.