Node js socket.io 사용 (웹소켓)

 

socket.io를 사용할 때 Jqeury 많이 사용하는 거 같아서

저도 Jqeury를 썼습니다

많이 알 필요는 없고

$ << 이게 document.querySelector 이거랑 비슷하다는 점

 

일단 작동시키려면 Express , socket.io 설치가 필요함

npm install socket.io

npm install express

 

웹소켓

웹에서 작동하는 TCP 아님 그냥 말 그대로 소켓이라고 생각해도 상관없음

개인적으로 그냥 소켓 프로그래밍할 때 보다 훨씬 쉬웠음

보통 http통신은

사용자가 Request를 하면 서버에서  ResponseResponse 해주는 식이었는데

실시간으로 데이터를 주고받아야 할 때는 웹소켓을 사용해야 함(양방향 통신)

물론 웹소켓도 프로토콜은 HTTP

 

 

Chat.HTML

 

sever.js

실행화면

 

 

 

 

실행화면을 보시면 아시겠지만

서버랑 클라이언트가 티키타카 하면서 메시지를 주고받는 모습입니다

클라이언트가 메시지랑 사용자명 전달해주면

서버가 사용자명 + 메세지 해서 다시 넘겨주고

클라이언트가 메세지 추가하고 줄 바꿈 해주는 모습