window.matchMedia(mediaQueryString) [주의] window.matchMedia('(min-width: 400px)'); @media (min-width: 400px) {} mediaQueryString에 () 괄호를 넣어줘야 한다. css의 미디어 쿼리 값을 넣을 때 () 괄호를 사용하듯이... [예제] if (window.matchMedia("(min-width: 400px)").matches) { /* 뷰포트 너비가 400 픽셀 이상 */ } else { /* 뷰포트 너비가 400 픽셀 미만 */ } [공부좌표] https://developer.mozilla.org/ko/docs/Web/API/Window/matchMedia
window.matchMedia(mediaQueryString) [mediaQueryString] 분석할 미디어 쿼리를 나타내는 문자열. [예시] window.matchMedia('(orientation: portrait)'); window.matchMedia('(min-width: 300px)'); *문자열을 넣돼 괄호도 같이 넣어야 한다. [반환] 뷰포트가 300px 이상이면 matches가 true | 미만이면 false 값을 가지게 된다. [활용] if (window.matchMedia("(min-width: 400px)").matches) { /* 뷰포트 너비가 400 픽셀 이상 */ } else { /* 뷰포트 너비가 400 픽셀 미만 */ } [공부좌표] https://developer.mo..
프로퍼티 플래그 객체 프로퍼티는 값(value)과 함께 플래그(flag)라 불리는 특별한 속성 세 가지를 가지고 있다. No 속성 기준 값이 "true"인 경우 값이 "false"인 경우 1 writable 값(value) 수정 가능 읽기만 가능 2 enumerable 반복문을 사용해서 나열 가능 불가능 3 configurable 프로퍼티 삭제나 플래그 수정 가능 불가능 "평범한 방식"으로 프로퍼티를 만들면 프로퍼티의 플래그는 모두 "true"가 된다. writable 플래그 "평벙한 방식"으로 값을 변경하지 못하게 할 때 writable의 값을 "false"로 한다. [예제] "평범한 방식"은 값을 변경하지 못한다. let user = { name : 'mill' }; Object.definePrope..