[what is your mbti] socket.io로 채팅 구현하기

 

[what is your mbti] socket.io로 채팅 구현하기

안녕하세요.

처음 1차 배포하고 채팅 구현해서 2차 배포한 내용을 블로그에 담으려고 합니다.

 

 

1. 업데이트 내용

- 채팅 시작

• 서로 좋아요한 사람들끼리 채팅시작 할 수 있습니다.
• 좋아요 리스트에서 채팅하기 버튼이 보입니다

 

 

- 채팅 목록 화면

• 좋아요 페이지에서 채팅하고 채팅을 치면 목록이 나옵니다.
• 목록도 소켓연결로 실시간 업데이트 내용을 보여줍니다
• 내용이 많아질 경우 인피닛 스크롤로 더 볼 수 있습니다

 

 

- 채팅 상세 화면

• 좋아요 or 채팅 목록에서 상세페이지로 들어갔을 경우 채팅할 수 있습니다.
• 실시간으로 채팅 가능합니다.
• 내용이 많아 질 경우 리버스 인피닛 스크롤로 채팅 확인 가능합니다

 

 

 

 

 

 

 

 

2. 프로세스

 

1. 유저의 상세페이지 / 추천하기에서 좋아요를 누릅니다.

 

 

2. 상대방과 서로 좋아요를 하게 되면

좋아요 목록에서 채팅하기를 확인할 수 있습니다.

 

 

3. 채팅하기를 누르면 채팅을 시작할 수 있습니다.

4. 채팅을 시작하면 채팅 목록에서 확인할 수 있습니다.

 

 

 

 

 

 

 

 

차후에 또 업데이트하게 되면

블로그에 올리려고 합니다.

socket.io로 적용한 상세 내용은

블로그의 다른 게시글로 올리려고 합니다.