반응형 IT39 자바스크립트 Resize Event Resize Event는 "웹 브라우저" 화면 크기가 변경될 때 실행되는 이벤트이며, 주로 반응형 웹을 제작할 때 사용 됩니다.let resizeEvent= null;window.addEventListener("resize", function(){ clearTimeout(resizeEvent); resizeEvent = setTimeout(resizeEnd, 300); // 0.3초 뒤에 실행});function resizeEnd(){ //실행 코드 작성 let width = document.body.clientWidth; console.log(width);} [jQuery 코드]$(window).resize(function(){ if(this.resizeTO){ clear.. 2024. 4. 29. 자바스크립트 Multiple Click Event # Multiple Click Event그룹화 된 요소에 "클릭 이벤트(addEventListener)"를 하나 하나씩 적용한 것 보다 forEach 문을 활용하면 좀 더 간결한 코드로 작성할 수 있다. 버튼0 버튼1 버튼2 [jQuery 코드]$('.btn-group button').click(function(){ var index = $(this).index(); switch(index){ case 0: break; case 1: break; case 2: break; } }); 2024. 4. 29. CSS 초기화 코드 CSS 초기화(Reset) 코드 란?크롬, 사파리, 파이어폭스 등등.. 각각의 웹 브라우저들 마다 기본적으로 세팅 되어져 있는 CSS 값들이 있다. 이러한 기본 세팅되어 있는 CSS 값들을 웹 퍼블리싱 개발 작업에 맞게 CSS를 초기화 시켜주는 코드이다.[Eric Meyer's Reset CSS] (기존 Eric Meyer's Reset CSS 코드에서 좀 더 응용시킨 코드 입니다.)@charset "utf-8"; /* 폰트 적용 [Regular, Medium, Bold] *//* @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../font/NotoSansCJKkr-Re.. 2024. 4. 29. 이전 1 2 3 4 다음 반응형