socket.io - chatapp 준비

클라이언트

• react 사용
• express 사용이 없으므로 axios 사용 하지 않음
• styled-component를 사용하여 css 작업을 수행함.
• socket.io-client 사용
• 페이지 하나로 구성
• 접속시 global 채팅방에 접속(로비로 표현 해도 되고 정식 명칭은 고민중)
• 우측 에 바형태로 접속인원을 표시(별개 채팅방의 경우 해당 room 접속인원으로 표기)
• 탭 형식으로 새 채팅방을 구분하도록 구성
• 로그인 없음.
• 대화명 변경 기능 구성 할 것
• 대화 인원 추가방식 고민중
• 로그인이나 대화방 접속시 현재 날짜표기 기능 구현
• 새 대화방 생성시 생성된 대화방으로 전환하게 수정.

서버

• socket.io 만으로 구성
• db 사용 없음
• 서버 동작중 정보 저장은 서버내 변수를 통하여 진행
• disconnect를 사용하여 클라이언트의 연결 종료를 확인하여 접속 인원 확인에 반영함.
  • 이를 통하여 대화방에서의 퇴장 메세지를 전달할 방법을 모색해봐야겠음.

수정하거나 구현할 것

• 대화명의 경우 대화방별로 별개의 대화명을 사용하게끔 구성하려고 하였으나 새대화방에 새로운 인원을 추가시 로비에 존재하는 접속인원을 바탕으로 진행할예정이므로 다수의 대화명을 가질시 문제가 될것으로 추정. 해당 적용 방식을 수정 해야겠다.

• 대화방에 새 인원 추가방식은 현재 들어온 인원 하단에 추가 버튼을 구성. 클릭시 참여인원을 제외한 로비 인원을 표기하여 새로 추가할수 있는 인원을 나타내려 함. - (방향성을 생각 해봄.)