fhwang0926 / reactchat

this project for f1security websocket proxy testing

Chat ! - React.ver

ReactJS, 그리고 Node.js를 서버로 socket.io를 사용해 만들어 본 채팅웹입니다.
현재 가장 기본적으로 실시간 채팅이 가능한 상태이며, 처음 입장시 채팅방을 설정할 수 있어 같은 채팅방에 들어간 이들끼리 대화를 나눌 수가 있습니다.
유튜브 강의와 다양한 글을 참고로 하여 기틀을 만들었으며, 앞으로 기능을 확장해나갈 예정입니다.

---

입장시 화면(왼쪽)과 채팅 화면(오른쪽)

---

사용 방법

1. client와 server 폴더를 모두 받아주세요.(git을 클론해주세요.)
2. server 위치에서 npm i 혹은 npm install 을 통해 node modules를 다운받은 후 npm start를 실행해주세요.
3. client 위치에서 npm i 혹은 npm install 을 통해 node modules를 다운받은 후 npm start를 실행해주세요.
4. 같은 방에 입장하면 실시간 채팅이 가능합니다! 대화를 나눠주세요!

업데이트 기록

• 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
  메세지를 적을 때 깜박거리는 현상 개선
  입장 에러 메세지 추가