프론트엔드(Vercel + Next.js)와 백엔드(EC2 + Spring Boot)를 분리 배포하면서, WebSocket 기반 채팅 기능에서 인증이 되지 않는 문제가 발생했습니다. 다른 API 호출은 정상 동작했지만, 채팅 연결 시에만 Principal이 null이 되는 예외가 발생했습니다.[STOMP ERROR] Failed to send message to ExecutorSubscribableChannel[clientInboundChannel] 문제 정의REST API 호출은 모두 정상 인증됨 (쿠키 기반 JWT 전달).STOMP(WebSocket) 연결 시 No Principal found 에러 발생.서버 로그 분석 결과 Authenticated=false 또는 Principal=null 상태로 ..
Next.js
·FE
프로젝트를 진행하면서 매번 API 호출을 작성할 때 반복되는 부분을 customFetch함수로 구현했습니다.credentials, BASE_URL, JSON 파싱, 에러 메시지 처리 같은 공통 로직을 중복해서 쓰다 보면 유지보수가 어렵고 비효율적인 구조가 되기 때문에 customFetch라는 fetch 래퍼 함수를 만들었습니다. 이 글에서는 그 배경과 구조, 그리고 활용 방식을 정리해보겠습니다. 1. customFetch 적용 배경이전 프로젝트를 진행할때 다음과 같은 코드들이 반복되어 불편함이 있었습니다. 따라서 이번 프로젝트에서는 처음 설정단계에 미리 구현을 하고 모든 팀원이 활용해 이런 일을 피하도록 했습니다.// 매번 반복되는 코드들const response = await fetch(`${proc..
