v1.3.0

변경 사항

백엔드

• MessageType enum을 추가하여 UI 구분에 사용합니다.
• MessageResponseDto에 MessageType type 필드를 추가합니다.
• MessageResponseDto에 @Builder 어노테이션을 추가해 빌더를 적용합니다.
• WebSocketHandler의 필드로 SimpleBroker에 메시지를 직접 발행할 수 있는 SimpMessagingTemplate을 추가합니다.
• WebSocketHandler의 handleSessionConnect()에서 참가 메시지를 발행합니다.
• WebSocketHandler의 handleSessionDisconnect()에서 연결 해제 메시지를 발행합니다.

프론트엔드

• App.tsx에 모여있던 각 타입을 /src/types에 MessageType, MessageRequestDto, MessageResponseDto로 분할합니다.
• App.tsx에서 메시지 UI를 /src/components에 SystemMessageItem과 ChatMessageItem으로 분할합니다.
• App.tsx에서 messages 필드에 대해 message.type으로 구분하여 SystemMessageItem혹은 ChatMessageItem을 표시합니다.

추후 해결과제 및 고려사항

• WebSocketHandler의 역할이 커져 적절한 리펙토링이 필요합니다.

테스트 화면

v1.2.0

기능 추가

• 접속 시 닉네임을 입력받으며, 각 메시지 상단에 닉네임이 표시됩니다.

실행 화면

v1.1.0

기능 추가

• [백엔드] 웹소켓 sessionId를 반환 메시지 DTO인 MessageResponseDto에 필드로 추가하였습니다.
• [프론트엔드] 웹소켓 연결 시 SockJS를 통해 sessionId를 저장합니다.
• [프론트엔드] 메시지의 sessionId 필드를 이용해 자신이 보낸 메시지를 UI로 구분합니다.

실행 화면