[FE] FEAT: 메인에 소켓 연결 #178

[42inshin]

해당 사항 (중복 선택)

• FEAT : 새로운 기능 추가 및 개선
• FIX : 기존 기능 수정 및 정상 동작을 위한 간단한 추가, 수정사항
• BUG : 버그 수정
• REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
• TEST : 테스트 코드 추가
• DOCS : 코드가 아닌 문서를 수정한 경우
• REMOVE : 파일을 삭제하는 작업만 수행
• RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
• ETC : 이외에 다른 경우 - 어떠한 사항인지 작성해주세요.

설명

🔗 관련 이슈

해결한 이슈: closed #178

📝 작업 내용

• WebSocketStore : 웹소켓 연결과 처음 구독해야 할 것들 처리하는 전역상태.
• myRoomStore: 내가 속한 방들에 대한 채팅을 구독하기 위한 전역 상태.
• CurrentRoomStore: 현재 보고 있는 방에 대한 정보를 가지고 있는 전역상태.
• 404 페이지 추가
• ProtectedRoute 적용: 로그인 한 유저만 들어갈 수 있는 페이지
• Stomp 통신을 확인할 수 있는 테스터 페이지 추가 (infra 폴더에 있습니다.)
• 설정 페이지(로그인 후 프로필 -> 톱니바퀴) - 로그아웃 기능 추가
• 룸 페이지
  • 룸 API에서 roomInfo(제목, 설명, creator 등) 연결
  • 룸 제목이 길어질 경우 UI 깨짐 수정
  • 룸 설명에 개행이 없는 경우에도 더보기 기능 되도록 처리

📸 스크린샷(optional)

chat_test.mov

404 페이지

[juwon5272]

정리되어 있으니 코드 구조를 이해하기 편하네요. 고생하셨습니다