728x90
반응형
SMALL
728x90
반응형
LIST
Link Element경로의 CSS 파일 연결 Script Element경로의 JS 파일 연결 Heading Element주제(제목)를 의미숫자가 작을수록 중요한 것상자(Block) 요소 Division Element단순 구분 용도로, 특별한 의미 X상자(Block) 요소 Span Element단순 구분 용도로, 특별한 의미 X글자(Inline) 요소 Anchor Element다른 경로(페이지)로 이동글자(Inline) 요소 Image Element경로의 이미지를 출력글자(Inline) 요소 HTML Class 속성요소의 이름(별명)을 추가이 이름을 CSS 선택자(Selector)로 활용해야 한다. 상자 요소 (Block Elements) 가로 너비가 최대한 늘어난다! (한 줄에 요소 한 개)세로 너..
setInterval() setInterval() 메서드는 반복적으로 함수를 호출하거나 코드 snippet을 실행한다. 이 함수는 각각의 interval을 구분해주는 interval ID를 반환하므로, clearInterval() 함수 호출을 통해 제거할 수 있다. Syntax setInterval(code) setInterval(code, delay) setInterval(func) setInterval(func, delay) setInterval(func, delay, arg0) setInterval(func, delay, arg0, arg1) setInterval(func, delay, arg0, arg1, /* ... ,*/ argN) 반환 값 반환하는 intervalID 는 양의 정수로써 set..
setTimeout() 전역 setTimeout() 메서드는 만료된 후 함수나 지정한 코드 조각을 실행하는 타이머를 설정한다. Syntax var timeoutID = setTimeout(function[, delay, arg1, arg2, ...]); var timeoutID = setTimeout(function[, delay]); var timeoutID = setTimeout(code[, delay]); 반환 값 반환하는 timeoutID 는 양의 정수로써 setTimeout() 이 생성한 타이머를 식별할 때 사용한다. 이 값을 clearTimeout() 에 전달하면 타이머를 취소할 수 있다. 같은 객체에서 반복호출하는 setTimeout() 또는 setInterval() 메서드는 절대 같은 ti..
Document.createDocumentFragment() 새로운 빈 DocumentFragment 를 생성한다. Syntax var docFragment = document.createDocumentFragment(); Description DocumentFragment 는 DOM 노드이다. 일반적으로 document fragment(조각) 을 생성하고, element들을 document fragment 에 추가한 뒤, 그 document fragment 를 DOM 트리에 추가한다. 메모리 내에 document fragment 가 존재하고 메인 DOM 트리의 일부가 아니라면, 이것에 자식들을 추가하는 것은 페이지 reflow (element 의 위치와 좌표의 계산) 를 유발하지 않는다. 따라서, do..
this JavaScript에서 함수의 this 키워드는 다른 언어와는 조금 다르게 동작한다. strict mode 와 non-strict mode 에서도 일부 차이가 있다. Syntax this Value non-strict mode 에서는, 항상 객체를 참조한다. strict mode 에서는, 어떤 값이든 될 수 있다. 값은 이것이 어디 context(함수, 클래스, 또는 전역)에 있는지에 따라 결정된다. Global Context (전역 문맥) 전역 실행 맥락에서 this 는 엄격 모드 여부에 관계 없이 전역 객체를 참조한다. // 웹 브라우저에서는 window 객체가 전역 객체 console.log(this === window); // true a = 37; console.log(window.a)..
Optional Chaining ?. 체인의 각 참조가 유효한지 검증하지 않고, 속성 값을 읽을 수 있다. . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 null 또는 undefined 이면, 에러가 발생하는 대신에 undefined를 리턴한다. 함수 호출에서 사용할 때, 만약 주어진 함수가 존재하지 않으면 undefined를 리턴한다. 참조가 누락될 가능성이 있는 경우 if문을 사용해서 참조가 누락인지를 검증할 수 있지만, 보다 더 짧고 간단한 표현식으로 나타내고자 할 대 사용한다. Syntax obj?.prop obj?.[expr] arr?.[index] func?.(args) Description optional chaining 없이 하위 속성을 찾으려면, 다음과 같이 확인해야 한다. let..