스크립트에 부여한 고정 값으로, 변수가 아니다. Javascript에서 값을 나타내기 위해 리터럴을 사용한다. 내장 돼(기본적으로 포함하고) 있는 Javascript 객체에 한해서 리터럴을 사용할 수 있다. 3 //3 //Javascript는 3을 반환하기 위해서 아래와 같은 과정을 자동으로 거친다. let num = new Number(3); num.valueof(); //3 //숫자 리터럴 1; //문자 리터럴 'a'; //불린 리터럴 true; //객체 리터럴 {}; //배열 리터럴 []; //함수 리터럴 let fn = function(){}; [공부 좌표] 인터랙션 디자인 -> 07. 데이터타입과 리터럴 [참고] new 생성자 함수 Q. 리터럴과 생성자의 차이는?
See the Pen [JS] setTimeout / setInterval 예제 by mill (@millfeel) on CodePen. 호출 스케줄링 설명 setTimeout 지정한 시간이 지난 후 실행한다. setInterval 지정한 시간을 기준으로하여 반복적으로 실행한다. clearTimeout setTimeout/setInterval을 호출하고 반환받은 값을 clearTimeout/clearInterval에 넘겨주면 스케줄링을 취소 할 수 있다. clearInterval *css의 animation과 비교한다면 delay와 같다. setTimeout (= setInterval) 문법 setTimeout( function | code, [delay], [arg1], [arg2], ... ) [fu..
window속성 설명 전용 innerHeight 뷰포트의 높이를 반환한다. (scrollbar를 포함) 읽기 전용 outerHeight 전체 브라우저 창의 높이를 반환한다. 읽기 전용 *, 의 뷰포트 높이에 스크롤값이 미포함된 것은 Element.clientHeight이다. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Temporibus totam iusto sequi! Porro natus sequi atque sit sint quis molestias fugit dicta perferendis. Alias ratione labore aspernatur? Expedita dolore ad harum molestiae est, officia re..
공부 좌표 요약 Element 속성 차이 설명 clientHeight 보이는 것 안쪽 높이(content height) + padding - scrollbar *, 에 사용되면 뷰포트의 높이 (스크롤바 제외)가 반환된다. offsetHeight 보이는 것 안쪽 높이(content height + scrollbar) + padding + border scrollHeight 안보이는 것 overflow로 가려진 부분을 포함하는 컨텐츠 전체의 높이 (margin과 padding은 값에 영향을 주지만, border는 영향을 주지 않는다.) *scrollbar의 값은 padding-bottom에 포함 돼 있다. *, 의 뷰포트 높이에 스크롤값이 포함된 것은 window.innerHeight이다. Lorem ips..
Element 속성 설명 clientTop border-top의 값 offsetTop offsetParent를 기준으로 각각 요소가 아래쪽으로 얼마나 떨어져 있는지를 나타낸다. scrollTop ‘수직 스크롤 바에 의해 가려져 보이지 않는’ 위쪽 콘텐츠의 높이 대부분의 기하 프로퍼티는 읽기전용이지만 scrollTop과 scrollLeft와 은 변경이 가능하다. (scrollTop을 0이나 1e9같이 아주 큰 숫자로 설정해 스크롤 바를 최상단이나 최하단으로 옮길 수 있다.) clientTop clinetTop = border-top offsetTop offsetParent를 기준으로 각각 요소가 아래쪽으로 얼마나 떨어져 있는지를 나타낸다. [offsetParent의 기준] CSS position 프로퍼티가..
- Total
- Today
- Yesterday
- @font-face
- 점 표기법
- scrollHeight
- javascript class
- 동등 연산자
- offsetTop
- outerHeight
- scrollTop
- 대괄포 표기법
- __proto__
- 불일치 연산자
- clientHeight
- prototype 프로퍼티
- 프로퍼티
- [[Prototype]]
- innerHeight
- 부등 연산자
- 객체의 프로퍼티
- constructor
- 일치 연산자
- offsetHeight
- clinetTop
- 동치 연산자
- property
- 링크막기 #a링크막기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |