ReactJS, 그리고 Node.js를 서버로 socket.io를 사용해 만들어 본 채팅웹입니다.
현재 가장 기본적으로 실시간 채팅이 가능한 상태이며, 처음 입장시 채팅방을 설정할 수 있어 같은 채팅방에 들어간 이들끼리 대화를 나눌 수가 있습니다.
유튜브 강의와 다양한 글을 참고로 하여 기틀을 만들었으며, 앞으로 기능을 확장해나갈 예정입니다.
입장시 화면(왼쪽)과 채팅 화면(오른쪽)
- client와 server 폴더를 모두 받아주세요.(git을 클론해주세요.)
- server 위치에서 npm i 혹은 npm install 을 통해 node modules를 다운받은 후 npm start를 실행해주세요.
- client 위치에서 npm i 혹은 npm install 을 통해 node modules를 다운받은 후 npm start를 실행해주세요.
- 같은 방에 입장하면 실시간 채팅이 가능합니다! 대화를 나눠주세요!
- ver1.0.0
기본적인 채팅 기능이 구현 되어있습니다. 처음 입장시 입력한 채팅방을 통해 대화를 주고받을 수 있습니다. - ver1.0.1
CSS 변경, styled-components 적용(App.js, Message.js 완료 - Chat.js 라이브러리 적용 문제)- 완료 - ver1.0.2
UUID 를 통한 메세지의 key값 할당 옵션 추가 CSS 변경(MessageText) - ver1.0.3
메세지가 두 번 받아와지는 오류 해결 (index.js에 있는 React.strictmode가 구성 요소를 두 번 매핑함으로 인해 생겨난 문제, 해당 태그를 삭제.) - ver1.0.4
채팅방에 새로운 유저의 접속 알림(알림:메세지 형식) - ver1.0.5
메세지를 적을 때 깜박거리는 현상 개선
입장 에러 메세지 추가