inflearn logo
강의

講義
知識共有

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

248

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

20

1

counter01.html은 어디있을까요?

1

16

1

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

32

1

useState 직접 구현 부분에서 질문이 있습니다.

1

35

1

학습을 하고 블로그에 정리를 해도 괜찮을까요?

1

35

1

교재(3쇄)와 강의 내용 문의

0

34

2

섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.

0

23

1

call stack 표현이 잘못표현된것이 아닌가요?

0

75

2

React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.

0

35

1

일반 강의와 차이점?

1

54

1

!= 연산자의 역할

0

35

1

중요하진 않지만 설명하신부분에서 안된부분..

1

38

1

강의 듣는 순서가 어떻게 되나요?

0

53

1

stopPropagation()에 대해서 질문 있습니다.

0

51

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

67

2

27강 Context내 RSC 사용 관련 문의

0

86

3

혹시 다음 강의 제작 예정된 것들이 있을까요?

0

89

1

Enable Linting 항목을 찾을수가 없습니다.

0

46

2

에러 질문드립니다

0

63

2

1강 질문

0

71

2

윈도우에서는동작줄이기가어디에있을까요??

0

38

1

백오피스를 개발할 때 아키텍처 구성에 대한 질문

0

61

3

ai가 만든 강의인가요?

0

155

1

VSCode 설정 문의

0

70

2