인프런 커뮤니티 질문&답변

sky891님의 프로필 이미지
sky891

작성한 질문수

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

채팅, GIF 주고받기

스스로 해보기(참여자 인원 수 표시) 질문

작성

·

660

0

제로초님 질문이 있는데 스스로 해보기(참여자 인원 수 표시)에서 참여자의 참여인원수는 실시간으로 반영되는데 방을 만든 방장의 참여인원수는 실시간으로 반영이 되지 않는거 같습니다.

파일 첨부가 안되어 노션으로 소스코드 링크를 걸어두었습니다

https://www.notion.so/e5aa5faf1c3240a29c71236b3ab1416b#4ca3276089904fefa13fc08e226b3ec3

답변 4

0

sky891님의 프로필 이미지
sky891
질문자

현재 socket.io 2.3.0 버전을 사용중이고  실행해보면 이런식으로 동작하는데 맨 왼쪽이 방장이고 가운데가 첫번째 사용자 입장 오른쪽이 두번째 사용자 입장입니다. 

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

 chat.html에서 textContent 입니다. textcontent로 하셨네요.

sky891님의 프로필 이미지
sky891
질문자

감사합니다. 수정 해주니 정상적으로 잘 작동됩니다.

sky891님의 프로필 이미지
sky891
질문자

혹시 main.html에서 현재참여중인 인원수를 표시하려고 한다면 어떤식으로 접근하는게 좋을까요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

socket.io로 방 아이디와 방인원 데이터 보내는 이벤트 만들고  방 목록 로딩 후 연결하시면 될 것 같습니다.

sky891님의 프로필 이미지
sky891
질문자

자꾸 질문드려서 죄송합니다. 어떤식으로 구현해야할지 감이 잡히지 않아서 어려움을 겪고있는데 혹시 조금더 구체적으로 답변을 해주실 수 있을까요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

일단 socket.io에서 userCount라는 이벤트를 만들어 { 방1아이디: 방1인원, 방2아이디, 방2인원, ...} 데이터를 전달하시고요. main.html의 script에서 userCount 이벤트를 받으세요. 그 후 socket.io가 연결되면 userCount 이벤트를 서버에서 emit 하면 됩니다. 프론트에서는 userCount 이벤트 on에서 받은 데이터를 가지고, 방 목록 테이블에 방 인원 column을 만들어 넣어주시면 됩니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

지금 현재 socket.io 2 버전을 사용하고 계신가요?

그리고 방장 입장에서 다른 사람이 들어올 때 누구님이 입장했습니다라는 메시지는 뜨나요?

0

sky891님의 프로필 이미지
sky891
질문자

https://www.notion.so/e5aa5faf1c3240a29c71236b3ab1416b 링크다시 수정하였습니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

노션 링크에 접근할 권한이 없습니다. 모두 공개로 열어주세요.

sky891님의 프로필 이미지
sky891

작성한 질문수

질문하기