TeamProject - sharestay(Troubleshooting)
1.오류 해결 # 1
🚨 1. 오류 원인 📌 문제 상황원래는 sessionStorage 에 저장된 값(토큰/username 등)을 기반으로 로그인 여부를 판단하고 있었음.그러나 백엔드에서 OAuth2 성공 후➡ 쿠키(HttpOnly) 로 토큰을 전달하는 방식으로 바꾸면서프론트는 sess
2.인증 구조 불일치가 만들어낸 문제들: 쿠키 vs sessionStorage 충돌 해결기
쿠키 기반 인증을 도입하는 과정에서React와 Spring Security(OAuth2, JWT) 사이에 인증 방식 불일치로총 4가지 대표적인 오류가 발생했다.아래는 실제 서비스 개발 중 겪었던 문제들을 유형별로 정리한 기록이다.📌 문제 상황OAuth2 로그인 성공
3.## 4. OAuth2 Redirect 경로 문제 — 로그인 후 원하는 페이지로 이동하지 않는 문제
📝 문제 상황Google OAuth2 로그인 성공 후 / 루트로만 이동실제로는 /home 또는 특정 경로로 이동시키고 싶었음하지만 SuccessHandler가 redirect URL을 무시🔍 원인OAuth2SuccessHandler의 redirect URI Buil
4.## 5. React + MUI 타입 오류 — “{} is not assignable to ReactNode”
📝 문제 상황MUI 컴포넌트(Box 등)에 다음과 같은 오류 발생:{} 형식은 ReactNode에 할당할 수 없습니다.🔍 원인children 위치에 “빈 객체”가 들어간 상태Badge 처리 중 {item.badge} 구조가 잘못된 형태MUI Box는 children
5.## 8. Nginx + HTTPS 구성 오류
📝 문제 상황HTTPS 적용 후 프론트/백엔드 연결이 갑자기 안 됨또는 redirect 루프 발생EC2 + Nginx + Spring Boot 조합에서 흔한 상황🔍 원인80 → 443 redirect 설정 오류프록시 경로(/api) mismatchNginx에서 CO
6.## 10. Git 충돌 / fast-forward 오류
📝 문제 상황팀원이 main에 push → 네가 pull 받았는데 오류 발생git pull 시 fast-forward 불가branch 상태 mismatch🔍 원인local에서 작업한 commit과 remote main이 divergemerge 방식 변화pull.re
7.## 11. 공유 링크 생성 로직 변경 후 발생한 오류
공유 링크 404 이슈 — 프론트에서 URL을 생성하도록 구조 단순화 📝 문제 상황 서비스에 공유하기 기능이 있었는데, 공유 링크를 복사해 브라우저에 붙여넣으면 404(Not Found) 오류가 발생했다. 기능을 확인하는 과정에서 한 가지 의문이 들었다. > “