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

→ React Native에서는 iOS와 Android 각각에 대해 CSS 스타일을 지정할 수 있다. 현재 프로젝트에서도 iOS와 Android 둘다 고려하여 출시할 것이다. 이를 위해 React Native에서는 Platform API를 사용하여 현재 실행 중인

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

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

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

→ 'Git 리포지토리에 활성 변경 내용이 너무 많습니다. Git 기능의 하위 집합만 사용할 수 있도록 설정됩니다.' 라는 오류가 발생.→ Mac인 경우, Command + Spacebar를 입력하고 Terminal 프로그램을 열어줍니다. 그리고 아래와 같은 명령어를

→ 현재 안드로이드와 IOS 앱을 모두 개발해야하는 입장에서 앱 개발에 대한 정보를 항상 찾아보고 있는데, 이번에 서칭해보니 IOS 버전 16.4 출시되었다고 한다. 웹 개발자들이 오랫동안 기다려온 API 지원하는 버전인데, 지금까지 Apple은 IOS에서 PWA에 대

→Aws Amplify와 Aws Cognito 모두 React Native Expo CLI 애플리케이션에서 로그인 및 가입 기능을 구현하는 데 사용할 수 있습니다. 하지만 두 서비스 간에는 몇 가지 차이점이 있습니다.https://res.cloudinary.c

→ Socket.IO는 웹 소켓 연결을 통해 클라이언트와 서버간에 실시간 양방향 통신을 가능하게하는 JavaScript 라이브러리입니다. Socket.IO는 클라이언트와 서버 간의 실시간 통신을 위한 사용하기 쉬운 인터페이스를 제공하므로 실시간 업데이트 또는 양방향 통

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

🔎 프론트엔드에서 React 웹 배포하기 → React로

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

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

→ 배포를 하며 만났던 이슈 중 403 error는 생각보다 간단하게 해결할 수 있었던 이슈이지만, 같은 이슈를 또 경험하지 않게 이슈 원인과 해결 방법들을 정리해두려고 한다.→ S3와 Cloudfront 연결 후 403 error, Access Denied 에러 메세

💣 사이트에 연결할 수 없음 > → Route 53에서 구매한 도메인을 적용하여 CloudFront로 https로 배포를 하려고 했으나... 생각보다 많은 이슈들을 만나게 되었고 다음에는 당황하지 않고자 이 이슈들의 원인과 해결 방법들을 정리해보고자 한다. 💣

"S3 bucket에 파일을 업로드 하였음에도 불구하고 변경사항이 Cloud front distribution에 반영되지 않는 상황"→ AWS S3 + CloudFront를 이용해 웹을 배포하였는데, 그 이후 수정 사항이 생겨 소스 코드를 수정 후 다시 빌드를 하고 S

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

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

👉🏻 글쓰기 버튼을 클릭하면 새로운 글 쓰기 화면이 아래 탭 내비게이터 전체를 가리면서 화면이 이동하게 만들고자 했다.그러나, 다른 화면들과 마찬가지로 탭 내비게이터가 존재 한 상태로 화면이 이동되는 문제가 생겼다. 이 문제를 해결하기 위해, 화면 위에 화면을 쌓는

👉🏻 시뮬레이션 지도 구현에서 유저가 용도와 데이터 모드를 선택함에 따라 다른 선택값을 보여줘야했다. 먼저, 알고리즘를 선택하면, 현재 시각 기준 알고리즘 계산한 값을 조회하기에 시작시간과 종료시간 을 선택할 수 없게 만들어야 했다. 👉🏻 첫번째 시도했던 방법이