Dev49 [javascript] 일정간격으로 반복작업을 하기 위한 setInterval 사용하기 setInterval() 함수는 일정한 시간 간격으로 지속적으로 반복해서 작업을 실행할 때 사용하는 자바스크립트 함수입니다. 이 함수를 사용하면 일정한 간격으로 코드를 실행할 수 있습니다. 아래는 setInterval() 함수를 사용하여 1초마다 "Hello, World!"라는 메시지를 콘솔에 출력하는 예시입니다. setInterval(function() { console.log("Hello, World!"); }, 1000); 이 예시에서는 setInterval() 함수를 호출하여 콜백 함수를 반복적으로 실행하고 있습니다. setInterval() 함수의 첫 번째 인수로 전달된 함수는 콜백 함수입니다. 이 콜백 함수는 setInterval() 함수가 호출된 후에 지정된 시간(두 번째 인수)마다 반복적으.. 2023. 3. 3. [javascript] 비동기 작업 지연을 위한 setTimeout 사용하기 setTimeout()은 자바스크립트에서 비동기 작업을 지연시키기 위해 사용되는 함수입니다. 이 함수는 지정된 시간이 지난 후에 콜백 함수를 실행합니다. 아래는 setTimeout() 함수를 사용하여 3초 후에 "Hello, World!"라는 메시지를 콘솔에 출력하는 예시입니다: setTimeout(function() { console.log("Hello, World!"); }, 3000); 이 예제에서는 setTimeout() 함수를 호출하여 콜백 함수를 지연시키고 있습니다. setTimeout() 함수의 첫 번째 인수로 전달된 함수는 콜백 함수입니다. 이 콜백 함수는 setTimeout() 함수가 호출된 후에 지정된 시간(두 번째 인수)이 경과한 후에 실행됩니다. 이 예제에서는 setTimeout().. 2023. 3. 3. [Javascript] 웹 페이지 복귀 탐지 visibilitychange 사용하기 visibilitychange 이벤트는 브라우저의 Document 객체에서 발생하는 이벤트로, 페이지의 가시성이 변경될 때(예: 사용자가 탭을 전환하거나 브라우저 창을 최소화할 때) 발생합니다. 이 이벤트는 비디오 또는 오디오 플레이어를 일시 중지하거나 다시 시작하거나, 애니메이션을 중지하거나 시작하는 등 페이지가 표시되는지 숨겨지는지에 따라 다양한 작업을 수행하는 데 사용될 수 있습니다. 아래는 visibilitychange 이벤트를 사용하여 비디오 플레이어를 일시 중지 및 다시 시작하는 예시입니다: // 비디오 엘리먼트에 대한 참조를 가져옵니다. const video = document.querySelector('video'); // visibilitychange 이벤트에 대한 이벤트 리스너를 추가합.. 2023. 3. 3. [Node.js] 특징 및 주요기능 Node.js는 서버 측 애플리케이션을 개발하는 데 널리 사용되는 서버 측 자바스크립트 런타임 환경입니다. Chrome의 V8 자바스크립트 엔진을 기반으로 구축된 오픈소스 플랫폼입니다. Node.js 주요 기능 1. 서버 애플리케이션: Node.js는 가볍고 효율적인 특성으로 인해 서버 애플리케이션을 만드는 데 널리 사용됩니다. 동시에 많은 수의 연결을 처리할 수 있어 채팅 애플리케이션, 온라인 게임, 소셜 네트워킹 사이트와 같은 실시간 애플리케이션을 개발하는 데 이상적입니다. 2. 자바스크립트 런타임: Node.js는 개발자가 프런트 엔드와 동일한 언어를 사용하여 서버 측 애플리케이션을 작성할 수 있는 JavaScript 런타임 환경입니다. 따라서 개발자가 새로운 언어나 기술을 배울 필요가 없으므로 N.. 2023. 3. 2. 이전 1 2 3 4 5 6 7 ··· 13 다음