# outerwidth

7개의 포스트

[JavaScript] window객체

Window 객체란? window 객체는 두 가지 역할을 하는데 브라우저 안의 모든 요소들이 소속된 객체로, 최상위에 있기 때문에 어디서든 접근이 가능하다고 해서 전역 객체 라고도 부른다. 일반적으로 우리가 알고 있는 브라우저 창(browser window)을 의미하고, 이 창을 제어하는 다양한 메서드를 제공한다. 1. 전역 객체로써 window window 객체는 문자 그대로 window라는 이름으로 접근할 수 있다. > 브라우저 console에서 window를 찍어보면, > Window {parent: Window, opener: global, top: Window, length: 3, frames: Window, …} 와 같은 값을 얻을 수 있는데 이 속에 무수히 많은 프로퍼티들이 존재하는 것을 확인할 수 있다. 우리가 작성하는 코드들은 대부분 다 window 객체의 프로퍼티가 된다는 사실을 기억해두자.

2023년 6월 16일
·
0개의 댓글
·

width요소(outerWidth & innerWidth & width)

※여러줄 주석 처리 주석 구역 드래그 후, Alt + Shift + A outerWidth & innerWidth & width outerWidth 요소의 순수 너비 + padding + border = 300px + 100px + 20px = 420px outerWidth(true) outerWidth + margin = 420px + 100px = 520px innerWidth 요소의 순수 너비 + padding = 300px + 100px = 400px width 요소의 순수 너비 = 300px

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

on&event&detail&wheelDelta&원시타입과참조타입&3항연산자&switch

on을 사용하여 이벤트를 동시에 걸어주기 이벤트 2개 이상 사용할 수 있는 on메서드. 휠에 대한 정도를 얻는 속성 파이어폭스 : DOMMouseScroll 크롬 : mousewheel 호환을 위해 두 이벤트를 사용. --> on사용 event.originalEvent.detail(wheelDelta) event.originalEvent : 기존의 이벤트 오브젝트에 접근하기 위함. browser가 직접 생성한 event 객체는 jQuery가 자동으로 method, properties로 감쌈. 하지만, jQuery가 감싸지 않은 기존 이벤트에 접근할때에는 event.originalEvent 사용 출처 :

2022년 12월 6일
·
0개의 댓글
·

width요소(outerWidth & innerWidth & width)

※여러줄 주석 처리 주석 구역 드래그 후, Alt + Shift + A outerWidth & innerWidth & width outerWidth 요소의 순수 너비 + padding + border = 300px + 100px + 20px = 420px outerWidth(true) outerWidth + margin = 420px + 100px = 520px innerWidth 요소의 순수 너비 + padding = 300px + 100px = 400px width 요소의 순수 너비 = 300px

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #034일

JavaScript 정규표현식 > 정규표현식(regular expression)은 문자열에서 특정한 문자를 찾아내는 도구다. 이 도구를 이용하면 수십줄이 필요한 작업을 한줄로 끝낼 수 있다. 정규표현식은 하나의 언어라고 할 수 있다. *정규식 공부하기 좋은 예제 : https://regexr.com/5ml92 > 숫자만 가능 : [ 0 ~ 9 ] 주의 : 띄어쓰기 불가능 /^[0-9]+$/ > 이메일 형식만 가능 /^([\w-]+(?:\.[\w-]+))@((?:[\w-]+\.)\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/ > 한글만 가능 : [ 가나다라 ... ] 주의 : ㄱㄴㄷ... 형식으로는 입력 불가능 , 띄어쓰기 불가능

2022년 12월 4일
·
0개의 댓글
·

width요소(outerWidth & innerWidth & width)

※여러줄 주석 처리 주석 구역 드래그 후, Alt + Shift + A outerWidth & innerWidth & width outerWidth 요소의 순수 너비 + padding + border = 300px + 100px + 20px = 420px outerWidth(true) outerWidth + margin = 420px + 100px = 520px innerWidth 요소의 순수 너비 + padding = 300px + 100px = 400px width 요소의 순수 너비 = 300px

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

220823 JavaScript

on을 사용하여 이벤트를 동시에 걸어주기 이벤트 2개 이상 사용할 수 있는 on메서드. 휠에 대한 정도를 얻는 속성 파이어폭스 : DOMMouseScroll 크롬 : mousewheel 호환을 위해 두 이벤트를 사용. --> on사용 event.originalEvent.detail(wheelDelta) event.originalEvent : 기존의 이벤트 오브젝트에 접근하기 위함. browser가 직접 생성한 event 객체는 jQuery가 자동으로 method, properties로 감쌈. 하지만, jQuery가 감싸지 않은 기존 이벤트에 접근할때에는 event.originalEvent 사용 출처 : https://m.blog.naver.com/naan_ace/220847459928 detail 이벤트를 초기화할 때 제공한 데이터를 반환 ![](https:

2022년 8월 24일
·
0개의 댓글
·