JavaScript 고급 튜토리얼(3강) 페이지 1/2_기본 지식

이벤트 타이밍 및 브라우저 식별

JavaScript에 대한 지식이 점점 풍부해지면서 점점 더 복잡한 애플리케이션을 프로그래밍할 수 있습니다. 지난 과정에서 우리는 JavaScript를 사용하여 쿠키를 작성하는 방법을 배웠습니다. 오늘은 타이밍 기능을 추가하는 방법을 배워 보겠습니다. 이벤트 시간을 측정하는 기능은 브라우저에서 매우 유용하지만 동적 HTML 애플리케이션에서는 더욱 그렇습니다.

동적 HTML이 페이지 내에서 다양한 콘텐츠를 이동할 수 있다는 것을 알 수 있습니다. JavaScript에서 화면의 개체를 이동하려면 루프를 사용해야 하며, 루프 기능은 시간이 지남에 따라 개체를 움직이게 하는 데 사용됩니다. 하지만 매초 또는 10분의 1초마다 객체를 조금씩 이동하도록 JavaScript에 어떻게 지시합니까?

그러나 개체를 이동하는 기능은 브라우저에 따라 크게 다릅니다. 다양한 브라우저에서 동적 HTML을 적용하려면 몇 가지 특별한 처리가 필요합니다. 따라서 이벤트 타이밍을 설명한 후 사용자가 어떤 브라우저를 사용하고 있는지 식별하는 방법을 설명하겠습니다(브라우저마다 다른 프로그램 코드를 사용할 수 있음).

먼저 이벤트 타이밍을 알아보세요. 아래 버튼을 클릭하시면 3초 후 안내창이 뜹니다.