nodejs + socketio 로 만드는 채팅 앱, 카카오톡 클론코딩?

  • Web Dev Simplified의 Build a Real Time Chat App With Node.js And Socket.io을 보고 따라만들기
  • nodejs에서 html과 socket.io로 간단하게 챗앱을 만드는 것을 따라해보았다
  • Web Dev Simplified 정말 심플하게 잘알려준다.. ㄷㄷ 따라 만들면서 행복했다
  • 따라만들고 카카오톡같은 css를 입히고,
  • 디테일한 기능을 추가 해줬다

추가한 기능

  • 고유한 프로필 사진 생성(랜덤색 + 이니셜)
  • 현재 채팅에 참가한 유저 목록 위젯
  • width값이 작아지면 유저 목록 위젯 숨김
  • width값이 작아지면 프로필 사진 영역 숨김
  • 같은 사람이 연달아 올릴 때 프로필 사진 생략
  • 같은 사람이 같은 시간에 연달아 올릴 때 가장 최근 메시지에만 시간표시
  • 메시지는 plain text로 표시

소스코드

nodejs + socketio 로 만드는 채팅 앱, 카카오톡 클론코딩?

https://chinsun9.github.io/2020/11/03/nodejs-socketio-로-만드는-채팅-앱/

Author

chinsung

Posted on

2020-11-03

Updated on

2021-08-04

Licensed under

댓글