유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

알고 있으면 너무 좋은 프론트엔드 웹 기술 : Page Visibility API

GIS DEVELOPER

2025. 6. 30.

0

#frontend
  • 페이지 가시성 API는 웹 페이지의 가시성 상태를 확인하고 관련 이벤트를 제공합니다. 👁️‍🗨️
  • 페이지가 보이지 않을 때 불필요한 기능 실행을 중지하는 데 유용합니다. 🚫
  • document.visibilityState 속성으로 페이지 가시성 상태 확인 가능합니다. 🕵️
  • visibilitychange 이벤트를 사용하여 가시성 변경 시 특정 함수를 실행할 수 있습니다. 👂
  • 타이머 제어 예제를 통해 API 활용 방법을 보여줍니다. ⏱️
  • 페이지가 숨겨졌을 때 타이머를 중지하고 다시 보일 때 재시작하는 방법을 제시합니다. ⏯️

Recommanded Videos