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

업로드중..→ expo 프로젝트에서 소셜 로그인 이슈를 해결하기 위해 eject 후 Native 프로젝트로 변경되면서 배포하는 방법도 바뀌었다. 기존에는 eas로 Android와 IOS 모두를 빌드 후 배포했다면, 이제는 각각 Android Studio와 Xcode로

📍프로젝트 변경 > https://velog.io/@fejigu/Native-Android-Studio-배포-가이드-정리 → 위의 포스팅에 이어서 이전 프로젝트가 Native 프로젝트로 변경되면서 배포 방법 또한 변경되어, Xcode 배포 가이드 정리해두고자 한다.

→ 현재 내가 개발한 앱이 소프트 런칭 기간을 운영하고 있다. 앱을 내부적으로만 테스트하다가 우리 서비스에 대한 이해도가 없는 불특정한 인원들이 사용을 하다보니 내부적으로 발견하지 못하는 이슈들을 많이 발견하고 있다. 그에 따라 앱을 수정하고 업데이트하는 경우가 많은데

→ 현재 우리앱에서 로그인 후 하루가 경과하면 자동으로 로그아웃이 된다. 이는 사용자 경험 측면에서 사용자 불편, 재로그인 부담, 만족도 저하, 보안 신뢰성 등 여러 가지 부정적인 영향을 미치므로 최우선 에픽으로 해결하고자 한다.→ 우리앱은 로그인 요청을 aws cog