반응형 Node6 Express -passport.js 설치하기 passport.js 설치하기 passport.js는 트위터나 페이스북 등등을 외부 사이트에서 로그인하고 연동할 수 있는 기능이라고 할 수 있다. www.passportjs.org/packages/ 위의 사이트에 가면 passport.js의 설치 및 사용 설명서가 있다. $ npm install passport 일단 npm을 이용하여 passport 프로그램을 다운받는다. $ npm install passport-local 일단 passport.js 기능으로 로그인 할때 아이디와 패스워드를 사용할 것이므로 위의 명령어를 입력하여 프로그램 다운한다. 페이스북, 트위터 등 같이 다른 기능들을 사용하려면 다른 프로그램을 다운받아야 한다. var passport = require('passport') , Loc.. 2021. 1. 18. Javascript Node 객체 - jQuery 노드 변경 API jQuery 노드 변경 API jQuery를 이용해서 노드를 제어할 수있다. jQuery에서 노드를 제어하는 기능은 주로 Manipulation 카테고리에 속해 있다. 참고 http://api.jquery.com/category/manipulation/ Manipulation | jQuery API Documentation Adds the specified class(es) to each element in the set of matched elements. Insert content, specified by the parameter, after each element in the set of matched elements. Insert content, specified by the parameter, .. 2020. 11. 20. Javascript Node 객체 - 문자열로 노드 제어 문자열로 노드 제어 노드 변경 API에서는 여러 메소드를 이용해서 노드를 제어하는 방법이 있지만 문자열로 제어하는 노드 제어는 좀 더 편리하게 노드를 조작하는 방법이다. innerHTML innerHTML는 문자열로 자식 노드를 만들 수 있는 기능을 제공한다. 또한 자식 노드의 값을 읽어올 수도 있다. HTML CSS outerHTML outerHTML은 선택한 엘리먼트를 포함해서 처리된다. HTML CSS innerText, outerText innerHtml, outerHTML과 다르게 이 API들은 값을 읽을 때는 HTML 코드를 제외한 문자열을 리턴하고, 값을 변경할 때는 HTML의 코드를 그대로 추가한다. HTML CSS insertAdjacentHTML() 좀 더 정교하게 문자열을 이용해서 노.. 2020. 11. 20. Javascript Node 객체 - 노드 변경 API 노드 변경 API 노드 추가 appendChild(child) : 노드의 마지막 자식으로 주어진 엘리먼트 추가 insertBefore(newElement, referenceElement) : appendChild와 동작방법은 같으나 두번째 인자로 엘리먼트를 전달 했을 때 이것 앞에 엘리먼트가 추가된다. 노드를 추가하기 위해서는 추가할 엘리먼트를 생성해야 하는데 이것은 document 객체의 기능이다. 아래 API는 노드를 생성하는 API이다. document.createElement(tagname) : 엘리먼트 노드를 추가한다. document.createTextNode(data) : 텍스트 노드를 추가한다. HTML CSS 노드 제거 노드 제거를 할때 메소드는 삭제 대상의 부모 노드 객체의 것을 실행(.. 2020. 11. 20. Javascript Node 객체 - 노드 종류 API 노드 종류 API 노드 작업을 하게 되면 현재 선택된 노드가 어떤 타입인지를 판단해야 하는 경우가 있다. 이런 경우에 사용할 수 있는 API가 nodeType, nodeName이다. Node.nodeType : node의 타입을 의미한다. Node.nodeName : node의 이름 (태그명을 의미한다.) Node Type 노드의 종류에 따라서 정해진 상수가 존재한다. for(var name in Node){ console.log(name, Node[name]); } ↓ 결과 ELEMENT_NODE 1 ATTRIBUTE_NODE 2 TEXT_NODE 3 CDATA_SECTION_NODE 4 ENTITY_REFERENCE_NODE 5 ENTITY_NODE 6 PROCESSING_INSTRUCTION_NOD.. 2020. 11. 20. Javascript Node 객체 Node 객체 Node 객체는 DOM에서 시조와 같은 역할을 한다. 다시 말해서 모든 DOM 객체는 Node 객체를 상속 받는다. 주요기능 관계 엘리먼트는 서로 부모, 자식, 혹은 형제자매 관계로 연결되어 있다. 각각의 Node가 다른 Node와 연결된 정보를 보여주는 API를 통해서 문서를 프로그래밍적으로 탐색할 수 있다. Node.childNodes Node.firstChild Node.lastChild Node.nextSibling Node.previousSibling Node.contains() Node.hasChildNodes() 노드의 종류 Node 객체는 모든 구성요소를 대표하는 객체이기 때문에 각각의 구성요소가 어떤 카테고리에 속하는 것인지를 알려주는 식별자를 제공한다. Node.nodeT.. 2020. 11. 20. 이전 1 다음 반응형
