728x90
반응형
SMALL
728x90
반응형
LIST
'Hello world!' 문자(String) 데이터 123 숫자(Number) 데이터 true / false 불린(Boolean) 데이터 null Null 데이터 { } { 키1: 값1, 키2: 값2 } 객체(Object) 데이터 Key: Value 형태로 데이터 저장 const user = { name: 'Heropy', age: 85 } console.log(user.name) console.log(user['name']) 점 표기법 혹은 대괄호 표기법으로 데이터를 사용 [ ] [값1, 값2, 값3] 배열(Array) 데이터 데이터를 나열해서 저장 const fruits = ['Apple', 'Banana'] console.log(fruits[0]) console.log(fruits[1]) 대괄호 ..
width: 100px; max-width min-width 요소의 가로 너비 height: 100px; max-height min-height 요소의 세로 너비 margin-top: 20px; margin-top margin-bottom margin-left margin-right 요소의 외부(바깥) 여백 padding-top: 20px; padding-top padding-bottom padding-left padding-right 요소의 내부(안쪽) 여백 border: 4px solid red; 요소의 테두리 선 (두께 4px / 종류 solid / 색상 red) border-radius: 10px; 요소의 모서리 둥글게 * 이 때 50% 를 입력하면 원의 모양을 하게 된다. box-shadow: ..
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..