Integration Check

React 상태, Nest 응답, 브라우저 증거가 같은 요청을 설명해야 한다

실시간 통합 문제는 컴포넌트 수보다 실패 지점을 빨리 좁힐 수 있는 증거 흐름이 중요하다.

레인	React에서 보는 것	Nest에서 확인할 것	브라우저 증거
Auth/auth/login	토큰 저장, profile 복구, 보호 라우트	JwtGuard, 401 body, 만료 처리	Storage token + profile 응답
Projects/projects	목록, 생성, 삭제, 에디터 진입	ownerId 조건, DTO 검증, status code	Network status와 응답 body
Editor/files/content	dirty 표시, 저장 실패, 재시도	PATCH 권한, tree 재조회 기준	PATCH 응답과 화면 복구 메시지
Socketroom	join_file, code_change, reconnect	room 권한, ACK, adapter 연결	Socket event log와 ACK 실패

NetworkHTTP 실패를 먼저 좁힌다

status, CORS, validation body, PATCH 응답을 본다.

Storage인증 상태를 확인한다

accessToken 저장, 만료, 삭제 후 라우트 이동을 본다.

Socket실시간 경계를 검증한다

room join, code_change, ACK 실패와 재연결을 본다.

운영 판단: 같은 요청을 React 상태, Nest 응답, 브라우저 증거가 한 방향으로 설명해야 통합 구조가 좋다.