inflearn logo
강의

Khóa học
Chia sẻ kiến thức

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

245

ekdms5566

1 câu hỏi đã được viết

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 웹

Câu trả lời 0

3강 질문

0

18

1

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

29

1

2강 nodejs 3단계 설명 질문

0

34

1

imagesLoaded에 관한 질문

0

19

2

useEffect와 lifecycle문의

0

28

2

프론트엔드 학습 수준 문의

0

39

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

48

2

최근 코테, 과제 테스트 트렌드

0

70

2

lucide react 아이콘 설치

0

46

2

17강 zustand store 서버에서 생성

1

38

1

문의관련 문의

0

44

2

next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?

0

57

2

76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.

0

48

2

ai 도구 질문

0

32

1

저는 왜 콘솔에서 props가 한 줄만 찍히나요?

0

48

1

렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.

0

48

2

데이터 로딩중 화면만 계속 나와요!!

0

55

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

79

2

02-04 layout.tsx 구조가 달라요

0

60

2

불변성을 지키며 수정 삭제를 할때도 Map이 유리한가요?

0

55

1

개인 프로젝트로 앱 개발해서 다운로드 1300 달성했는데 어느 정도 의미가 있을까요? (안드로이드 개발자)

0

69

1

22강 강의 영상 문의 드립니다.

0

50

2

20강 마무리작업에서

0

38

2

아래 위치에 동영상이 보이지 않습니다.

0

55

1