유틸리티

JavaScript로 화면 크기 감지하기

2026년 01월 08일 조회 0

JavaScript를 사용하여 화면 크기를 실시간으로 감지하고 대응하는 방법입니다.

window 객체 활용

window.innerWidth, window.innerHeight로 뷰포트 크기를 가져옵니다.

resize 이벤트

창 크기 변경을 감지하여 반응형 로직을 실행합니다. 진법 변환은 진법 변환기를 활용하세요.

디바운싱 처리

resize 이벤트의 과도한 호출을 방지하는 디바운싱 기법을 적용합니다.