[JavaScript] 자바스크립트 화면 사이즈 이벤트 처리하기

123_자바스크립트 화면 사이즈 이벤트 처리하기 [적용] 윈도우 창의 크기에 따라 처리를 분류하고 싶을 때 레이아웃의 크기를 조정하고 싶을 때 [문법] 이벤트 발생 타이밍 resize 브라우저 윈도우 창의 사이즈 변환 시점 [내용] resize 이벤트는 브라우저 윈도우 창의 크기가 변경될 때마다 발생한다. window.addEventListener('resize', () => { console.log('윈도우 창이 리사이징되었습니다.'); }); [예시] 윈도우 창의 크기가 변경될 때마다 창의 가로와 세로 길이를 표시하는 샘플을 만들어 보자. HTML index.html 윈도우 가로 길이: 윈도우 세로 길이: JavaScript main.js /** 가로 길이를 표시하는 요소 */ const widthl..

2022.06.29