HYEJIN's

바닐라 자바스크립트 Vanilla JS?바닐라 자바스크립트(Vanilla JS)란 프레임워크 또는라이브러리가 적용되지 않은 순수한 자바스크립트를 뜻한다.1. 선택자// jQuery$("#app");$(".container");// Jacascriptdocu..

Node로의 접근 HTML 문서에서 HTML DOM 노드에 접근하는 방법 2가지 getElementsByTagName() 메소드를 이용하는 방법 노드 간의 관계를 이용하여 접근하는 방법 parentNode : 부모 노드 childNodes : 자식 노드 리스트 firstChild : 첫 번째 자식 노드 lastChild : 마지막 자식 노드 nextSibling : 다음 형제 노드 previousSibling : 이전 형제 노드 nodeName (노드 고유의 이름을 저장하므로, 수정할 수 없는 읽기 전용 프로퍼티) // HTML 문서의 모든 자식 노드 중에서 두 번째 노드의 이름을 선택함. document.getElementById("document").innerHTML = document.childNo..

Template 처리 ES6에서 문자열 처리를 보다 간편하게 할 수 있는 템플릿을 제공한다. Template literal을 사용하여 거추장스러운 '+' 이나 '\n'을 더이상 사용하지 않아도 된다. ${ } 안에는 변수 또는 연산식 등의 표현식이 들어갈 수 있다. let name = "HYEJIN"; // 1 왼쪽에 있는 ` let grettingTemplate = ` Hi, ${name}! Have a nice day! `; console.log(grettingTemplate); // 결과 // Hi, HYEJIN! // Have a nice day! Tagged Template literals 간단한 기본 예제 let name = "HYEJIN"; let num = "010-1234-1234"; c..

Map & WeakMap 추가정보를 담은 객체저장하기 Array를 개선한 자료구조 : Set, WeakSet Object를 개선한 자료구조 : Map, WeakMap Map : key, value 구조이다. let wm = new WeakMap(); let myfun = function(){}; // 이 함수가 얼마나 실행됐지? 를 알려고 할때. wm.set(myfun, 0); console.log(wm); // WeakMap {ƒ => 0} let count = 0; for(let i=0; i 10} myfun = null; console.log(wm.get(myfun)); // undefined console.log(wm.has(myfun)); // false WeakMap 클래스 인스턴스 변수 보호..