uol chat

프로젝트 UOL 채팅

구현된 프로젝트는 UOL Chat에서 영감을 받은 실시간 채팅입니다. 이를 통해 사용자는 채팅방에 입장하고 메시지를 주고받을 수 있으며 해당 방에서 주고받은 이전 메시지를 볼 수 있습니다. 이는 순수한 JavaScript 기술을 기반으로 하며 JavaScript로 컴파일되는 라이브러리나 기타 언어를 사용하지 않습니다. 또한 Chat UOL API를 사용하여 사용자 연결을 유지하고 일부 기능을 구현합니다.

프로젝트 작동을 테스트하려면 다음 링크에 액세스하십시오: https://projeto5-batepapouol-navy.vercel.app/

에 대한

이 프로젝트는 순수한 JavaScript 기술을 개발하고 실시간 채팅 개발을 탐구해야 할 필요성에서 동기가 부여되었습니다. 이 프로젝트는 다음 기능을 구현합니다.

• 방 입장: 사용자가 해당 페이지에 접속하면 이름을 입력하라는 메시지가 표시되며, 해당 이름이 서버로 전송되어 사용자를 등록합니다. 서버가 성공적으로 응답하면 사용자는 룸에 참여할 수 있습니다. 그렇지 않으면 다른 이름을 선택해야 합니다.
• 메시지 보내기: 사용자는 채팅방에 메시지를 보낼 수 있습니다. 서버가 성공적으로 응답하면 채팅방 메시지가 업데이트되고 새 메시지가 표시됩니다.
• 메시지 보기: 채팅방에서 보낸 이전 메시지와 새로 보낸 메시지가 표시됩니다. 메시지에는 일반 메시지, 예약된 메시지, 상태 메시지(방에 "참여" 또는 "나가기" 등)의 세 가지 유형이 있습니다. 메시지 유형마다 배경이 다르며, 예약된 메시지는 보낸 사람이나 받는 사람이 사용자와 동일한 경우에만 표시됩니다.
• 자동 업데이트: 대화방은 3초마다 업데이트되어 사용자에게 최신 메시지를 제공합니다.
• 연결 유지: 서버는 사용자가 아직 온라인 상태인지 알아야 합니다. 이를 위해 시스템은 5초마다 사용자가 활성 상태임을 알리는 POST 요청을 Chat UOL API에 보내야 합니다.
• 메시지 검색: 채팅방의 이전 메시지를 검색할 수 있습니다.

기술

• 자바스크립트
• UOL 채팅 API

프로젝트를 실행하는 방법

1. 리포지토리를 로컬 머신에 복제합니다.
2. 웹 브라우저에서 index.html 파일을 엽니다.
3. 이름을 입력하고 "방에 참여"를 클릭하세요.
4. 채팅방에서 메시지를 주고받을 수 있습니다.

기여하는 방법

기여는 언제나 환영합니다! 버그를 발견했거나 새로운 기능에 대한 제안 사항이 있으면 언제든지 이슈를 열거나 풀 요청을 보내주세요.

---

모바일 레이아웃