유틸리티

matchMedia API 화면 크기 감지

2026년 01월 26일 조회 0

JavaScript matchMedia API로 미디어 쿼리 조건을 프로그래밍적으로 감지합니다.

기본 사용법

window.matchMedia()로 미디어 쿼리 조건을 검사합니다.

변화 감지

addEventListener로 미디어 쿼리 조건 변화를 실시간 감지합니다. 화면 크기 확인은 화면 크기 도구를 사용하세요.

React 통합

matchMedia를 React 훅에서 활용하는 패턴을 소개합니다.