유튜브 실시간 채팅 기능을 본따서 최대한 심플하고 예쁜 디자인을 유지한 채팅 모듈을 만들어 보고 있어요. 전부터 이런 채팅 모듈이 있었으면 좋겠다 싶어서 만들어보고는 있는데, 실제 홈페이지에 도입할지는 아직 모르겠어요.
기능은
- 링크 프리뷰
- 이모지 입력 기능
- 웰컴 메세지 기능
- 핀/언핀 기능
- 뱃지 기능(관리자, 순위가 있는 사용자)
- 라이트/다크모드
앞으로 추가하려고 하는 기능은
- 봇: 홈페이지에서 발생한 이벤트(특정 게시판에 새 글이 올라왔다던지 등등)를 메세지로.
저희 홈페이지에만 작동할 수 있는 특화된 기능을 넣기 전에 공개 자료실에 올려볼까 하는 생각도 들었지만 대응 능력이 없어서 포기..
> 라이트 모드
> 다크모드
테스트: https://scorefactory.io/chat
![심플채팅(다크모드).png [File Size:289.6KB/Download:9]](/files/download/link/1929358/c75009b8d5390c47c452ea3dbd86fc6d/%EC%8B%AC%ED%94%8C%EC%B1%84%ED%8C%85%28%EB%8B%A4%ED%81%AC%EB%AA%A8%EB%93%9C%29.png){kind=link}
![심플채팅(라이트모드).png [File Size:287.8KB/Download:7]](/files/download/link/1929359/5db2d0d984e474ac0a9ca8188e8fb2ea/%EC%8B%AC%ED%94%8C%EC%B1%84%ED%8C%85%28%EB%9D%BC%EC%9D%B4%ED%8A%B8%EB%AA%A8%EB%93%9C%29.png){kind=link}
댓글 7
오~ 채팅은 늘 백엔드가 문제인데, 무엇으로 구현하셨나요? 노드? 외부 서비스?
저희는 동접 수가 적어서 ajax로 구현했어요 부끄..🥲 좀 느려지면 그때 node 서버를 적용할까 하는데 어떨까요?
덕분에 ajax 모드와 node 모드를 선택해서 사용할 수 있게 개선했어요! 감사합니다! 훨씬 빠르네요!
오 멋집니다 1:1 채팅 푸시까지 가시죠 ㅋ
1:1 채팅은 제가 사용자들에게 바라는 일이 아니라서 ㅎㅎ 감사합니다!
감사합니다. 아이디어 주신 덕분에 1:1 채팅 푸시는 아니지만 멘션기능과 멘션자동완성기능, 멘션 시 푸시 기능까지 추가했어요~~
만들다보니 이름만 심플챗 모듈이고 많은 기능이 추가되었어요.
- 웰컴 메세지 기능
- 핀/언핀 기능
- 랭킹 배지, 봇 배지, 관리자 배지 기능
- 통신 방식 AJAX 또는 WebSocket 지원
- 전체 공지 애드온 지원
- 멘션 기능, 멘션 자동 완성 기능
- 멘션 시 푸시 기능
- 봇 메세지 기능 이벤트 (글작성, 댓글 작성, 미션 달성)시 자동 메세지 송출
- 봇 예약 인기글 송출(특정 게시판에 x일 이내 작성된 추천 수 많은 글을 랜덤으로 특정 시간 간격 또는 특정 시간에 송출)
- 봇 멘션 시 ai 응답 기능
- 링크 프리뷰 기능
- 이모지 기능
- 다국어 기능