Potato Chat 💬

❔ 소개

• 웹소켓 통신을 구현하기 위해 만든 채팅 프로젝트.
• 최초 화면에서 유저명 생성 후 진입 시 해당 이름이 Local Storage 에 저장 됨
• 채팅방 생성 시 Map 에 저장되며, 다른 유저가 생성하더라도 목록 새로고침 버튼을 통해 조회할 수 있음
• 채팅방 입장 시 session 이 부여되면서 소켓 연결 되고, 클라이언트끼리 채팅방 내에서 메시지를 주고 받으며 소켓 통신 가능
• 퇴장 시 session 그룹에서 삭제 되고, 남은 클라이언트에게 해당 유저의 퇴장 메시지 발송

📑 Spec

Language

Build Tool

Skill

Version Controll System

IDE

📌 사용법

Frontend

• .env 생성 후 해당 정보 기입

REACT_APP_SERVER_URL=http://아이피:포트
REACT_APP_WS_SERVER=아이피:포트