카카오톡 클론 코딩

🎅 개발 기간 & 조원

2022.12.23 - 2022.12.29

FE

김현빈 이정민

BE

김아영 이상현 이상훈

🛠 기술 스택

📢 주요 기능

• 로그인/회원가입
• 채팅 리스트 조회
• ✨ 실시간 오픈 채팅 ✨

📽 시연 영상

카카오톡 클론코딩

WHAT WE MAKE

⚽ 트러블 슈팅

연관 관계 문제
연관 관계 문제와 entity 자체로 반환하면서 순환 참조 발생 두 개의 문제가 동시에 발생하면서 선행 트러블 파악 불가

해결!
연관 관계 삭제 후 dto로 반환

웹소켓 문제
웹소켓에 대한 지식 부족

해결!
다양한 기술 블로그와 영상 자료 참고

@AuthenticationPrincipal 문제
웹소켓은 @MessageMapping을 통해 메세지 주고 받음, @AuthenticationPrincipal 통해 사용자 정보 불러오려 했으나 null 반환

해결!
@AuthenticationPrincipal은 REST/MVC methods 전용,
@MessageMapping은 REST API가 아니기 때문에 http header 정보 불러올 수 없음 -> ChatMessage entity 안에 있는 Sender field에서 사용자 정보 불러옴

⌛ 시간이 더 있었다면 도전했을 기술들

• 친구 추가
• 1:1 채팅
• 프로필 사진 첨부
• 지도

🎨 와이어 프레임

📌 ERD

프로젝트 기획 단계

프로젝트 구현

📃 API 명세서

API 명세서