FU11M00N

- Node.js 란? Node.js의 공식 홈페이지에서 내린 정의는 Node.js는 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임입니다. 런타임은 쉽게말해 실행기라고 이해하면 됩니다. 이제 자바스크립트로 앱, 게임 등등 많은 것들을 만들 수 있게 되었습니다. - 노드란 자바스크립트는 원래 브라우저, html에 종속되어 실행되어왔었습니다. 하지만 Node를 설치하게 되면 V8 자바스크립트 엔진이 실행시켜줘서 꼭 브라우저, html이 아니라도 자바스크립트를 실행할 수 있습니다. 여기서 자바스크립트가 브라우저에 종속되었다가 해방된 것이 매우 중요합니다. 이제 자바스크립트로 앱, 게임 등등 많은 것들을 만들 수 있게 되었습니다. 그럼 노드는 어떻게 사용할까요? 자바스크립트 소스코드를 작성하고 그것을 노..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 노드 변경 API 노드 추가, 생성 , 제거 , 변경를 해주는 API를 알아보겠습니다. - 노드 추가 노드의 추가와 관련된 API들은 아래와 같습니다. appendChild(child) 노드의 마지막 자식으로 주어진 엘리먼트 추가합니다. insertBefore(newElement, referenceElement) appendChild와 동작방법은 같으나 두번째 인자로 엘리먼트를 전달 했을 때 이것 앞에 엘리먼트가 추가됩니다. 노드를 추가하기 위해서는 추가할 엘리먼트를 생성해야합니다. 이것은 document 객체의 기능입니다. - 노드 생성 노드를 생성하는 API 입니다. document.createElement(tagname..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - 노드 종류 API 노드 작업을 하게 되면 현재 선택된 노드가 어떤 타입인지를 판단해야 하는 경우가 있습니다. 이런 경우에 사용할 수 있는 API가 nodeType, nodeName입니다. Node.nodeTypenode의 타입을 의미합니다. Node.nodeNamenode의 이름 (태그명을 의미합니다.) - 모든 노드의 종류와 종류에 따른 값 for(var name in Node){ console.log(name, Node[name]); } 모든 노드의 종류와 종류에 따른 값을 출력하는 예제입니다. Node Type 노드의 종류에 따라서 정해진 상수가 존재합니다. 실행 결괏값입니다. 굳이 다 외울필요는 없고 필요할 때 찾아보..

생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅입니다. - Node 객체 소개 Node 객체는 DOM에서 시조와 같은 역할을 합니다. 모든 DOM 객체는 Node 객체를 상속 받습니다. Node 객체의 위상은 위와 같습니다. 주요 기능 - 관계 엘리먼트는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있습니다. 각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해 문서를 프로그래밍적으로 탐색할 수 있게 됩니다. Node.childNodes Node.firstChild Node.lastChild Node.nextSibling Node.previousSibling Node.contains() Node.hasChildNodes() - 노드의 종류 Node 객체는 모든..