리액트와 socket.io를 활용한 채팅 어플리케이션
실행 방법
-
깃허브 저장소를 클론합니다.
git clone https://github.com/C17AN/react-socket-chat.git
-
npm run dev
명령을 실행합니다.concurrently 설정이 되어 있어
npm run dev
만으로도 서버, 클라이언트가 모두 실행됩니다.
주요 기능
- 방, 유저네임 설정 기능
- localStorage를 활용해 채팅방을 새로고침 하더라도 방, 유저네임 보존
- 채팅 시 유저네임, 메시지, 타임스탬프 출력
개선 목표
- 스타일 추가
- 현재 서버에 개설된 방 목록을 메인 화면에서 확인할 수 있도록 개선하기
- 친구 기능 및 1:1 채팅 기능 추가