본문 바로가기
Back-End Frameworks/Node.js

WebSocket 사용법(2)(feat. 채팅기능앱 만들기)

by Downy_J 2024. 2. 5.
728x90
반응형
SMALL

클라이언트에서 이름을 작성해 서버로 보내기를 할거다

 

그전에 클라이언트에서 말하는거 작성해보자

아주 간단하게 프롬포트 띄워서 입력받는걸 만들었다
그리고 페이지 실행시 동작되게 useEffect를 사용해서
해당 함수 불러오게 하면

입력 되는거 확인. .
이제 소켓 써서 넣어보자

말을 할때 그러니까 보낼때는 emit을쓴다고 했음
첫번째 인자 "login" 이것은 무슨말을 할건지?에 대한거
두번째 인자는 보낼 값
다음으로 콜백함수를 넣을수 있는데 실행하고 완료되면
완료됬다 응답받는거

.emit("대화의 제목", 보낼 내용, 콜백함수)

이제 서버에서 듣는거 작성 해보자

서버의 io.js 파일이다

첫번째 인자 "login"은 아까 말할때 썻던거 그러니깐 이제 듣는거겠지 
그 다음으로는 콜백함수 넣어주는데 아까 userName 받아와야 하니까 넣고 cb는 콜백이고 무튼 클라이언트에서 입력하면 
여기에 나오나 확인 ㄱㄱ
나오는거 확인 됨 

확인 됬으니 이제 출력했던건 지우고 유저정보 저장하는 함수를 만들어 넣으면 된다
따로 파일관리 해주는게 좋음
글로 써보고 그대로 논리에 맞게 작성만 해주면 됨

여기 이거 컨트롤러 만드는거다
만든 컨트롤러 가져와서 응답까지ㄱ

다시 클라이언트로 넘어와서

아까 로그인한다고 말하고
응답값으로 서버에서 정했던거 응답 받게 했음
그럼 테스트. .
응답값으로 user가 넘어왔다.
넘어온 정보를 어디 저장해야할 필요가 있다

useState 이용해서 하나 만들고

조건으로 만약 값이온게 ok면
저장해라 라고 해주자

 

728x90