troubleshooting

🚨 문제 상황 실행 후, GitHub에서 feat/cyw 브랜치가 자동으로 main으로 변경되는 상황 발생 🔍 문제 해결 단계 1. 현재 상태 확인 변경된 파일: src/screens/main/MyPageScreen.tsx 새로운 파일: src/components/profile/EditProfileModal.tsx 2. 작업 중인 내용 보호...

계정 삭제 기능을 개발하던 중, 스웨거를 통해 API 테스트를 진행하였습니다.테스트 결과 예상치 못한 409 상태 코드와 함께 다음과 같은 에러 메시지를 받았습니다.이 에러는 데이터베이스의 외래키(Foreign Key) 제약조건으로 인해 발생했습니다.users 테이블과

회원가입 성공 모달을 구현하면서 Props Drilling 이슈를 마주쳤고, 이를 해결하는 과정을 공유하고자 합니다.Props Drilling을 피하고 더 효율적인 상태 관리 방법을 알아보겠습니다.Props Drilling은 상위 컴포넌트에서 하위 컴포넌트로 props

회원가입 성공 후 축하 모달을 보여주려고 했는데, 모달이 표시되자마자 가이드 페이지로 이동해버리는 문제가 발생했습니다.로그인 함수에서 성공 시 두 가지 작업을 연속으로 실행:onSuccess 콜백 (모달 표시)navigation.reset (페이지 이동)페이지 이동이

React Native 개발 중 흔히 마주치는 문제 중 하나는 API 응답 후 화면이 갱신되지 않는 현상입니다.최근 매치 삭제 기능 구현 중 겪은 문제와 해결 과정을 공유하고자 합니다.매치 삭제 API 호출은 성공삭제 후 알림은 표시되지 않음매치 목록이 갱신되지 않음초

React Native로 개발 중인 매치 생성 폼에서 제출 시 다음과 같은 오류가 발생했습니다:이 글에서는 이 오류를 해결해나간 과정을 단계별로 살펴보겠습니다.처음 발견된 오류 메시지는 undefined 값에 대해 trim() 메서드를 호출하려 했다는 것이었습니다.Ja

JWT 기반 인증에서 Access Token이 만료되었을 때 Refresh Token으로 새로운 토큰을 발급받는 과정을 구현하면서 여러 시행착오를 겪었습니다.보통 Refresh Token은 Request Body에 담아 전송합니다:이 방식이 선호되는 이유:1\. 토큰은

앱의 인증 상태를 확인하는 과정에서 몇 가지 의문점이 생겼습니다:사용하지 않는 refreshToken을 왜 가져오고 있는가?로그아웃 시 모든 인증 데이터를 지워야 하는가?accessToken만 삭제해도 충분한가?refreshToken 남겨두기의 위험성:새로운 acces

React Native Authentication Flow최근 개발 중인 농구 매칭 앱에서 흥미로운 문제 상황이 발생했습니다.로그인 처리를 위한 handleLogin 함수를 두 가지 다른 상황에서 재사용하게 되었는데요:일반 로그인 화면: 사용자가 이메일과 비밀번호를 입

React Native로 앱을 개발하는 중 푸시 알림 구현에서 예상치 못한 문제에 직면했습니다.처음에는 Expo의 푸시 알림 시스템을 사용하려 했으나, 백엔드 API가 FCM(Firebase Cloud Messaging) 토큰만 지원한다는 것을 알게 되었습니다.Expo

Expo Go는 React Native 앱 개발을 빠르게 시작할 수 있는 훌륭한 도구입니다.하지만 FCM(Firebase Cloud Messaging)과 같은 네이티브 모듈을 사용해야 할 때 한계가 있습니다.Expo Go는 제한된 네이티브 모듈만 지원하기 때문에, 더

개발 과정에서 API 문서화 도구인 Swagger를 활용할 때, curl 명령어를 제대로 이해하지 못해 발생한 실수와 그 해결책에 대해 알아봅니다.React Native 프로젝트에서 JWT 토큰 갱신 기능을 구현하던 중 발생한 문제였습니다.백엔드 API는 제대로 동작하

React Native 앱에서 JWT 토큰 기반 인증을 사용할 때, 가장 까다로운 부분 중 하나가 토큰 만료 처리입니다. 특히 액세스 토큰이 만료된 후 리프레시 토큰을 사용해 자동으로 새 토큰을 발급받는 로직은 사용자 경험에 직접적인 영향을 미치는 중요한 부분입니다.최

React Native 앱에서 API 통신 시 토큰 기반 인증은 필수적입니다.하지만 토큰 만료와 관련된 문제는 사용자 경험을 저해할 수 있습니다.특히 여러 API 호출이 동시에 일어나는 경우, 토큰 갱신 메커니즘이 제대로 작동하지 않아 사용자가 갑자기 로그아웃되는 상황

RESTful API를 사용하는 앱을 개발하다 보면 JWT 토큰 기반 인증은 거의 필수처럼 사용됩니다. 특히 액세스 토큰과 리프레시 토큰의 이중 토큰 시스템은 보안과 사용자 경험 사이의 균형을 맞추는 좋은 방법입니다. 하지만 이런 시스템을 구현하다 보면 예상치 못한 상

React Native 애플리케이션을 개발하다 보면 JWT(JSON Web Token)를 사용하여 사용자 인증을 구현하는 경우가 많습니다. 이 과정에서 토큰을 디코딩하여 사용자 ID나 권한 같은 정보를 추출해야 할 때가 있는데, 이때 몇 가지 문제가 발생할 수 있습니다

기존에 React Navigation과 app.tsx를 사용하던 전통적인 방식에서 Expo Router v2로 전환하는 과정에서 문제가 발생했습니다.Expo Router는 파일 시스템 기반 라우팅을 사용하기 때문에, 기존의 컴포넌트 기반 네비게이션과는 구조와 동작 방식

최근 React 프로젝트에서 체크박스 컴포넌트를 개발하던 중, 체크 표시의 색상을 동적으로 변경하고 싶었습니다. 그래서 다음과 같이 코드를 작성했습니다:하지만 페이지를 확인해보니 색상이 전혀 적용되지 않았습니다.Tailwind CSS의 핵심 작동 방식과 관련된 문제였습

최근 프로젝트에서 소셜 로그인 후 access token 저장 및 인증 처리를 하던 중,localStorage에 저장된 access token이 이상하게 \*\*\[object Object]\*\*로 저장되고,API 요청에 인증이 제대로 되지 않는 현상이 발생했다.처음