https://github.com/dreamchach/chating

https://github.com/dreamchach/chating

backend-only socket-io

Last synced: 11 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/dreamchach/chating
• Owner: dreamchach
• License: mit
• Created: 2023-09-04T05:13:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-15T00:44:16.000Z (over 1 year ago)
• Last Synced: 2024-11-06T23:14:35.890Z (2 months ago)
• Topics: backend-only, socket-io
• Language: JavaScript
• Homepage:
• Size: 5.28 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# chating

채팅 사이트(웹소켓)

## 1. WebSocket 이용하기

웹 소켓

https://www.npmjs.com/package/ws

https://developer.mozilla.org/ko/docs/Web/API/WebSocket

## 2. Socket IO를 이용한 간단한 메시지 앱 생성하기

Socket.IO

https://socket.io/

서버 설치 시

https://socket.io/docs/v4/server-installation/

클라이언트 설치 시

https://socket.io/docs/v4/client-installation/

## 3. 채팅방 입장 시 화면 구현하기

Node,js HTTP 모듈

https://www.w3schools.com/nodejs/nodejs_http.asp

## 4. 채팅방 메시지 날리기

## 5. 채팅방에서 나가기

## 6. Private Chat구현하기(DM) - 환경설정

### 1. 웹 기본 구조 생성

### 2. 웹 기본 UI 생성

### 3. Socket.IO 연동

### 4. mongoDB 연동

## 7. Private Chat구현하기(DM) - 유저 세션 생성하기

### 1. 유저 세션 생성하기

### 2. 메시지 보낼 상대 선택하기

## 8. Private Chat구현하기(DM) - 메시지 보내기

## 9. Private Chat구현하기(DM) - 채팅방 나가기

## 10. Private Chat구현하기(DM) - 데이터베이스에서 메시지 가져오기

## notice

socket.io는 express와 함께 사용할 시 주의할 점이 있습니다.

아래를 참고해 주세요

https://socket.io/docs/v4/server-initialization/#with-express