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로 표시