웹소켓

면접볼때 만들어봤는지 물어보길래~

웹소켓이뭐지

실시간 양방향으로 소통할수있는것~

http 프로토콜 웹소켓 소통 차이
http: 단방향 라디오 같은 것, 소심한애..물어봐야만 응답함;
클라이언트 요청시에만 서버가 응답, 연결에 지속성 X
웹소켓: 양방향 독질중에 독질 끝까지 같이감 연결에 지속성O

웹소켓을 쉽게 사용하게 해주는 라이브러리
soket.io

할 것

백엔드 세팅: 데이터베이스세팅, 웹소켓 세팅
프론트 세팅: 웹소켓 세팅
백엔드 프론트엔드 연결 테스트
유저 로그인 기능
메시지 주고받기

—-
npm init -y npm 초기세팅

라이브러리 설치
npm i express, mongoose, cors dotenv http
서버만드는 라이브러리 데이터베이스 올림
몽고db 데이터베이스 쉽게 사용해주는 것
프론트 백엔드 연결 시 cors
환경변수
http 서버 만들기 웹소켓 올림

npm i socket.io

데이터베이스 저장 뭐 할거니

1. 유저정보
2. 채팅 메시지 정보

유저 스키마 만들기

스키마는 데이터의 설계도~

유저이름,토큰(id정보저장),온라인여부(업그레이드한다면)

메시지 스키마 만들기

메시지 내용, 누가보냈는지유저정보,

데이버베이스 연결하기

express 서버 만들기
몽구스로 데이버베이스 연결해주기(데이터베스이스주소)