채팅시 타인의 프로필 이미지가 왼쪽에 뜨는것까진 성공했는데 문제는 프로필 사진으로 내것이 뜨는 현상이 발생했다.
해결법은?
-> 코드흐름 어딘가에 타인의 정보(프로필사진 경로)를 읽어서 나에게 받아와야 한다.
-> 혹은 아예 프로필 사진 이름을 /이미지경로/image_사용자닉네임.png 이런식으로 구현하는곳도 있더라.
전자가 뭔가 더 범용성 있을듯 해서 첫번째 방법으로 고쳐 보겠다.
WebSocketInterceptor
먼저 인터셉터에서 웹소켓에 접근하는 사용자의 SpringSecurity인증정보를 가져온다. 그리고 저 attributes에 put해주면 어디에서 쓸 수 있냐?
WebSocketHandler
WebSocketHandler내부에 오버라이드된 handleTextMessage에서 유저 정보를 받아 올 수 있다.
아래 사진처럼
그리고 sess.sendMessage를 호출하면? -> 자바스크립트에 등록해놓은 onMessage()가 뜨겠지?
실행영상
책, 블로그 내용을 그대로 재정리하는 것은 가장 효율적인 시간 낭비 방법이다. 벨로그에 글을 쓸때는 직접 문제를 해결한 과정을 스크린샷을 이용해 정리하거나, 개념을 정리할때는 최소2,3개소스에서 이해한 지식을 정리한다.