Call Back 함수
·
Web/Javascript
0. 1급객체 JavaScript에서 1급객체의 조건은 다음 3가지다. 함수의 인자로 넘길 수 있는 함수 나중에 실행되는 함수 리턴값이 함수 또는 함수를 담은 변수 위 3가지를 만족하는 1급객체 종류중 하나가 Call Back 함수이다. Call Back 함수의 존재이유는 Asynchronous Programming이다. 1. setTimeout 함수 Interface setTimeout(FunctionName, millisecond) Input FunctionName: 함수명, millisecond: 밀리세컨드 시간 Output 밀리세컨드 시간후 함수를 대기 큐에 넣음. 앞서 Asynchronous vs Synchronous 함수 동작 비교를 위한 함수소개 setTimeout() 2. Synchrono..
5. 객체 뽀개기
·
Web/Javascript
1. Object 구성 2. 반복문을 통한 Ojbect내의 모든 key들 끌어오기 [구문] for(var keyName in ObjectName){ ~~~ } 1 2 3 4 5 for(var k in lol){ document.write(k + ' '); document.write(lol[k] + ' '); } 여기서 k (key)는 배열 문법으로 치면 index 역할을 한다. 따라서 객체명[k] 하게 되면 해당 키의 '값' key-value (pair) 각 key마다 매칭되는 값들을 받아올 수 있다. 3. key-value pair에서 '띄어쓰기'가 존재하는 경우 ObjectName["keyName"] = " "; // 선언 및 초기화 "" 쌍따옴표로 묶어주면 된다.
2. document.querySelector();
·
Web/Javascript
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. 여기서 Element = tag 라고 봐도 무방하다. 1 2 3 document.querySelector('body') -> 'body' tag를 선택 return value : body라는 Element body.style -> body tag에 대한 style 접근 HTMLElement.style 속성은 요소의 인라인 스타일에 접근하거나 설정할 때 사용할 수 있습니다. 접근자로서는 요소의 인라인 style 속성이 포함한 CSS 선언을 담은 CSSStyleDeclaration 객체를 반환합니다 body.style.backg..