React Native Project

🔎 우리 프로젝트는? → 우리의 프로젝트 옮소앱은 미국을 향해 출시할 배달 주문 서비스입니다. 새롭게 개발하는 앱으로 올해 하반기 9-10월 출시를 목표로 가고 있으며, 현재는 IOS와 안드로이드 모두 출시하는 것을 고려하고 있습니다. 우리 프로젝트에서 중요한

→ React Native를 사용한다지만, 앱 개발이 처음이기에 초기 개발 환경 구축과 앱 개발 시간이 다소 소요되는 React Native CLi보다는 개발 환경 구축이 용이한 Expo CLI를 사용하는 것이 본인에게는 더 적합하다는 생각이 들었다.Expo는 개발자가

먼저, React Navigation와 React Native Navigation의 차이 ? 👉🏻 React Native Navigation 및 React Navigation은 React Native 응용 프로그램에서 사용되는 두 가지 인기있는 탐색 라이브러리입니

📱 프로젝트 > → 현재 우리 프로젝트는 배달 서비스 앱으로 React Native, Expo CLI를 사용하여 구축하기로 하였으며 이제 상태 관리를 어떠한 라이브러리를 사용해서 할 지 정해야 하는 상황이다. 🔎 React Query? Redux ? → Rea

→ TypeScript는 JavaScript의 상위 집합인 오픈소스 프로그래밍 언어로, JavaScript 언어에 포함되지 않은 선택적 정적 타이핑, 클래스, 인터페이스 및 기타 기능을 추가합니다.→ TypeScript의 주요 목표는 런타임이 아닌 컴파일 타임에 오류를

📍 Figma 프로토타입 작업 완료 > → 정책정의서를 기반으로 PM님, 디자이너분과 함께 기획한 클라이업트앱의 피그마 작업이 완료되었다. 아직 프로토 타입 버전으로, 구체적인 디자인이 아닌 제공하고자 하는 기능들과 프로세스, 화면 전환, 모달 등을 중점으로 작업

→ 우리 프로젝트에서는 사용자가 인증 공급자로 AWS Cognito를 사용하여 가입하고 로그인 할 수 있도록 하기로 하였다.기존에는 백엔드 Server에 API 요청을 했다면, 이번에는 보안을 위해 AWS Cognito를 사용하게 되어 프론트 측에서 Cognito에 바

👉🏻 사용자 입장에서는 아직 회원가입 진행 중이지만, 개발 단에서는 이메일과 패스워드를 입력하고 continue 버튼을 누르는 순간 Aws Cognito에 Userpool을 생성하고, 바로 로그인 요청을 하고 로그인 시 받은 토큰을 백엔드에 보내고 이후 정보들을 저

→ dropdown picker를 사용하면서 당황스러웠던 상황중 하나는 z-index 문제였다. dropdown picker를 통해 dropdown를 구현하니, dropdown의 아이템들이 다른 요소의 뒤로 가려져서 보이지 않는 상황이 발생했다. 위와 같이 DropDo

🔥 API 요청 응답에 대한 분기 > → 프로젝트에서 React Query로 API 요청을 하고 있고, 이에 대해서 try-catch문으로 작성하고 있다. try-catch문은 실행 중에 발생하는 예외를 캡처하고 처리하는 데 도움이 되고, API 요청이 실패하거나

📍 navigation.navigate vs navigation.push → 1)navigation.navigate와 navigation.push는 React Navigation 라이브러리에서 화면 간 전환을 처리하는 데 사용되는 두 가지 메서드이다. 처음에 화면

→ 사용한 이유 : 혼자 연동해야하는 API가 주어진 기간 비해 100여 개로 많아 API 요청 함수 작성 시간을 줄이기 위해 채택하였다.→ 이해한 바 : 백엔드의 스웨거 데이터를 기반으로 axios.get / axios.post / axios.patch 등을 1개의

→ 현재 개발중인 서비스는 사용자 인증이 된 사용자만 사용할 수 있기에, 모든 axios 요청시 header에 Authorize: Bearer {토큰 값}을 넣어서 요청해야했다. 매번 요청시 Header에 넣을 수 없기에 mutation을 통해 전역으로 axios의 h

📍마주한 에러 > → 에러원인 : 디렉토리에 접근하는 데 필요한 권한이 없는 것으로 보인다. 검색을 통해 Watchman 재설치, 권한 변경, .watchmanconfig 파일 생성 등 다양한 해결 방법들을 제시하는 것을 확인할 수 있었다. 빠르게 해결할 수 있을

구글 플레이 스토어에서 이미 등록한 앱을 업데이트 하고자 했다.app.json 파일에서 android version Code를 업데이트한 후 aab 파일을 생성했다.3\. 생성된 aab 파일을 '새버전 만들기' App Bundle에 업로드하니 아래와 같이 "8 버전 코

: 빌드 넘버 업데이트 하기: TestFilght에 새로운 버전이 올라간 것을 확인할 수 있다. : 배포 > 앱 클립 > 빌드 > 빌드 목록에서 TestFilght에 올라간 버전을 선택 후 저장하면 실제 앱 배포를 위한 앱 심사를 시작할 수 있다. : andriod의

→ 평소와 같이 staging branch에서 작업 중이던 내용을 prod branch에 merge 한 후 eas로 배포하기 위해 eas build --platform ios 명령어를 통해 build를 하는데 이와 같은 에러에 마주했다. "Some pods requir