본문 바로가기
TIL

Chapter 6 최종프로젝트 시작 (1)

by 황민도 2024. 7. 24.

내일배움캠프 스파르타 코딩클럽

webSocket

1. 양방향 통신

2. 실시간

3. 채팅, 알림 기능

 

lib : npm install ex press socket.io

 

서버 측

Node.js 와 Express 를 사용하여 HTTP 서버를 설정한다.

socket.IO 를 사용하여 실시간 통신을 처리한다.

 

express 를 사용하여 api 엔드포인트를 설정하고 클라이언트 요철을 처리한다.

 

socket.IO를 통해 실시간 메시지 정송을 처리한다.

클라이언트가 연결, 메시지 전송, 연결 해제 등의 이벤트를 처리한다.

 

클라이언트 측

react 를 사용하여 사용자 인터페이스를 구축한다.

 

socket.IO 클라이언트를 사용하여 서버와 실시간 통신을 설정한다.

사용자가 입력한 메시지를 서버로 전송하고, 서버에서 전송된 메시지를 수신한다.