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

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

Client와 Server가 어떻게 통신할 수 있는지를 정의한 것이 HTTP (HyperText Transfer Protocol) 이다. Client가 Server에게 데이터를 request하고 Server는 Client에게 그에 맞는 데이터를 response한다. Client에서 Server와 통신할 때는 fetch() API를 사용하거나 XHR (XMLHttpRequest) Object를 사용할 수 있다. 하지만 XML을 사용하면 불필요한 태그들이 많이 들어가서 파일의 사이즈가 커지고 가독성도 떨어진다. 따라서 XML은 최근 많이 사용되지 않고, JSON을 많이 사용한다. JSON (JavaScript Object Notation)의 특징 text를 기반으로 하고 있다. 읽기가 편하다. key-val..

고차함수란 함수를 인자로 받거나 함수를 결과로 반환하는 함수이다. 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++)..