나나나

DOM(Document Object Model) HTML, XML 문서에 접근하기 위한 일종의 인터페이스이다. 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공한다. W3C의 표준 객체 모델로, 계층 구조로 표현된다. DOM 트리 브라우저에서는 HTML코드를 해석하여 DOM이라는 객체형태의 모델로 저장한다. 그렇게 저장된 정보를 DOM Tree라고 한다. HTML element는 Tree형태로 저장되는 것이다. 복잡한 DOM 트리를 자바스크립트 탐색 알고리즘으로 탐색하는 것은 매우 힘들다. 그래서 브라우저에서는 DOM이라는 개념을 통해 다양한 DOM API를 제공한다. 브라우저는 DOM 트리를 찾고 조작하는 걸 쉽게 도와주는 여러 가지 메서드(DOM API)를 제공한다. DOM은 자바..

1. This 자바스크립트의 this 키워드는 자신이 속한 객체를 참조한다. Javascript에는 전역스크립트나 함수가 실행될 때 실행 문맥(Execution context)가 생성된다. 모든 context에는 참조하고 있는 객체(this binding)가 존재하는데, 현재 context가 참조하고 있는 객체를 알기 위해 this를 사용한다. 자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값과 arguments객체, this를 암묵적으로 전달받는다. 이 때, this에 바인딩되는 객체는 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. this binding은 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정되는 것을 말한다. 참고 : ..

1. 자바스크립트의 함수 여러 개의 인자를 받아서, 그 결과를 반환한다. Javascript 함수는 return 값이 반드시 존재하며, 명시하지 않으면 undefined를 반환한다. 파라미터의 개수와 인자의 개수가 일치하지 않아도 오류가 발생하지 않는다. -> 별도의 에러처리 필요 만약, 파라미터가 1개일 때 인자를 주지 않으면, 이미 정의된 파라미터(매개변수)는 undefined라는 값을 갖게 된다. undefined는 변수가 초기화 됐지만 값이 할당되지 않았음을 의미한다. 만약, 파라미터가 1개일 때 인자의 개수가 더 많더라도 오류가 발생하지 않는다. 1. 함수 선언문(정의문) function 키워드와 함수명, 매개변수 목록, 함수 몸체로 구성된 것. function foo() {} 2. 함수 표현식..

원본 출처 CSS3 Layout | PoiemaWeb poiemaweb.com ... ... ... ... ... ... 원본의 footer 부분 CSS footer { /* footer를 aside위에 올리기 위해 사용(부유객체) */ position: absolute; height: 60px; width: 100%; padding: 0 25px; line-height: 60px; color: #8a8c8f; border-top: 1px solid #dee5e7; background-color: #f2f2f2; } footer를 하단에 고정시키기 위해 fixed를 사용하면 스크롤이 되어도 그 자리를 고수하기 때문에 본문을 가릴 수 있다. 그러므로 absolute로 설정하여 다른 요소가 공간을 차지하고 ..

//예제 배열 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 }, { first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 }, { first: 'Marie', last: 'Curie', year: 1867, passed: 1934 }, { first: 'Johannes', last: 'Kepler', year: 1571, passed: 1630 }, { first: 'Nicolaus', last: 'Copernicus', year: 1473,..