회원가입과 로그인
토큰 저장, 만료 처리, 실패 메시지가 같은 기준으로 동작하는지 확인합니다.
프론트엔드 저장 흐름
화면이 렌더링되는지만 보지 말고 보호 라우트와 Monaco 변경 이벤트가 백엔드 API, WebSocket, 자동 저장까지 연결되는지 점검합니다.
보호된 이동
인증 전 접근은 로그인으로 보내고, 인증 후에는 프로젝트 목록을 렌더링합니다.
프로젝트 선택
생성 직후 목록 갱신과 상세 이동이 같은 프로젝트 ID를 기준으로 이어집니다.
에디터 준비
파일, 언어 모드, 초기 내용을 먼저 맞춥니다.
즉시 상태
onChange가 로컬 화면을 먼저 갱신해 입력 지연을
줄입니다.
실시간 전파
연결된 소켓은 같은 파일을 보는 사용자에게 변경 내용을 전달합니다.
자동 저장
디바운스된 REST 요청이 성공해야 새로고침 후에도 같은 내용이 남습니다.