inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

2명의 클라이언트가 접속했을 때 카운트 시작하는 시스템을 만들고 싶은데 어떤 코드를 사용해야 할까요?

252

ekdms5566

작성한 질문수 1

0

일부분만 발췌해서 가져왔습니다. 

2명의 클라이언트가 접속했을 때 index.js에서 접속자 수를 받아오고, html 내 script에서 카운트 실행 코드를 작성했는데 

2명 이상이 접속해야 카운트가 실행되는 코드는 어떻게 작성해야 하는지 모르겠네요.

어떤 방법이 있을까요 ??

 

//index.js
io.sockets.on("connection",(socket)=>{
    const req=socket.request;
    const ip=req.headers['x-forwarded-for']||req.connection.remoteAddress;
    console.log("새로운 클라이언트 접속",ip,socket.id, req.ip);
    user_count++;
    io.emit('users.count',user_count);
 
//client.html
        <script>
            let socket=io();
           
            socket.on('users.count', function(number) {
                document.getElementById('users-count').innerHTML=number;
                let user_count = document.getElementById('users-count').value;
                if(number==2){
                    var count=10;
                    var counter=setInterval(function(){
                        if(count<=0){
                            clearInterval(counter);
                            document.getElementById("timer").innerHTML="Finished";
                        } else {
                            document.getElementById("timer").innerHTML=count+"초 남았습니다";
                        }
                        count-=1;
                    },1000);
                }
            });
        </script>
 

web node javascript html 자바스크립트 js 웹

답변 0

인증이 늦었습니다ㅜㅜ 확인부탁드립니다

0

17

1

스웨거 접속이 안되는데 확인 부탁드립니다.

0

21

1

설명이 잘못된거같습니다.

1

39

2

수강자료 다운로드 관련 문의

0

65

2

선택정렬 이해하기 & 구현하기

0

39

1

mission12-01 guide.md파일 누락

0

44

2

자료집 관련

0

45

2

13. (App 2) 기본기 훈련 에서

0

64

1

챌린지 시작일 문의

0

56

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

50

1

11차시 Antigravity IDE 설치 후

0

48

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

53

1

5,6,7,8 내용이 없어요

0

53

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

57

1

mission 09-01 을 수행할 수 없어요

0

43

1

Context API vs Zustand 그리고 Auth

1

69

2

순수 함수 / 순수 컴포넌트

0

43

1

css box-sizing 관련 질문

0

48

2

스니펫이 이상해요

0

48

2

Editor Component의 최적화 불가능 이슈

0

60

2

useCallback ⊂ useMemo

0

47

2

깃허브 저장소를 어디에 첨부하셨나요?

1

63

1

nestjs 강의는 없나요??

1

57

2

스타터 저장소

1

62

1