inflearn logo
강의

講義
知識共有

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

251

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

27

2

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

0

15

1

mission12-01 guide.md파일 누락

0

21

1

자료집 관련

0

29

2

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

0

38

1

챌린지 시작일 문의

0

42

0

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

0

34

1

11차시 Antigravity IDE 설치 후

0

36

1

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

0

36

1

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

0

36

1

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

0

33

1

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

0

33

1

Context API vs Zustand 그리고 Auth

0

41

2

순수 함수 / 순수 컴포넌트

0

30

1

css box-sizing 관련 질문

0

40

2

스니펫이 이상해요

0

35

2

Editor Component의 최적화 불가능 이슈

0

42

2

useCallback ⊂ useMemo

0

40

2

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

1

46

1

nestjs 강의는 없나요??

1

42

2

스타터 저장소

1

49

1

What is Rxjs

0

34

1

라이브러리 설치 질문

0

37

2

linter 질문

0

45

2