웹개발 한 번 해보겠습니다..

웹 페이지의 내용은 Document 객체가 관리한다. 웹 브라우저가 웹 페이지를 읽어 들이면 렌더링 엔진은 웹 페이지의 HTML 문서 구문을 해석하고 Document 객체에서 문서 내용을 관리하는 DOM 트리라고 하는 객체의 트리 구조를 만든다. DOM Tree를 구성하는 객체 하나는 노드라고 하고, 기본적인 노드에는 문서 노드, HTML 요소 노드, 텍스트 노드가 있다. 노드 객체 가져오기 getElementsByTagName, getElementByName, getElementByClassName는 NodeList 객체를 반환 여기서 NodeList 객체는 살아 있는 상태를 가리킨다. 살아 있는 상태란 특정 시점의 정적인 상태를 표현하는 것이 아니라 HTML 문서의 변화에 따라 동적으로 바뀌는 것을 ..

고차함수란 함수를 인자로 받거나 함수를 결과로 반환하는 함수이다. JavaScript의 내장 함수로는 Array.prototype.map , Array.prototype.filter , Array.prototype.reduce 가 있다. Array.prototype.map map() 메소드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열로 반환해준다.callback 함수는 호출될 때 대상 요소의 값, 그 요소의 인덱스, 그리고 map을 호출한 원본 배열 3개의 인자를 받는다. map() 메소드를 사용하지 않는 경우 const array1 = [1, 4, 9, 16]; const array2 = []; for(let i = 0; i < array1.length; i++)..

JavaScript의 함수는 1급 객체(First Class Object)이다. 1급 객체가 무엇이고 이것이 왜 JavaScript에서 중요할까? 1급 시민(First Class Citizen) JavaScript를 포함한 거의 모든 프로그래밍 언어의 변수에서 1급 시민의 조건은 다음과 같다. 변수(variable)에 담을 수 있다. 인자(parameter)로 전달할 수 있다. 반환 값(return value)으로 전달할 수 있다. let bar1 = 1; // 1. 변수에 담을 수 있다. function foo (param) { // 2. 인자로 전달할 수 있다. let bar2 = param + 1; return bar2; // 3. 반환 값으로 전달할 수 있다. } console.log(foo(ba..