주기억장치

1. 하나의 요소를 선택할때

getElementById("id");
var el = document.getElementById("myId");

querySelector("");  // 여러개중 처음 나오는 것, 돔트리내에서 한요소로부터 다른요소 탐색
var el = document.querySelector(".myClass");
var el = document.querySelector("div.user-panel.main input[name=login]");

2. 여러개의 노드 선택

getElementByName("name");
var el = document.getElementByName("fname");

getElementByClassName("class");
var el = document.getElementByClassName("myClass");

getElementByTagName("tag");
var el = document.getElementByTagName("p");

querySelectorAll("");
var els = document.querySelectorAll("div button");

3. 관계를 통한 선택

/* 부모찾기 */
parentNode  // 부모
parentNode.parentBode  // 부모의 부모
var el = document.getElementById("ch");
var pr = el.parentNode;

/* 자식찾기 */
childNodes, firstChild, lastChild
var el = document.getElementById("pr");
var children = el.childNodes;
var elder = el.firstChild;
var younger = el.lastChild;

/* 형제찾기 */
previousSibling, nextSibling
var el = document.getElementById("sb");
var elder = el.previousSibling;
var younger = el.nextSibling;

UI Event

브라우저의 UI와 상호작용시 발생하는 이벤트

Keyboard Events

키보드 작동시 발생하는 이벤트

Mouse Events

마우스 작동시 발생하는 이벤트

Focus Events

Form Events

Nest 함수를 통해 내부함수는 외부함수의 변수에 접근 가능

/* Ex1 */
function speak(){
  var word = "hello";
  return function say(){
  	console.log(word);
  }
}

// assign syaHello and syaHello reference say()
var sayHello = speak();

// excute
sayHello();   // hello

/* Ex2 */
function name(n){
	return function(a){
   	  return `${n} likes ${a}`;
  }
}

var j = name('John');  //  j == function(a) { return `${n} likes ${a}`;}
                       // outer 함수 실행해서 저장하면, 변수는 이너함수를 참조하게 된다.
console.log(j());  // John likes undefined
console.log(j('Dog'));  // John likes Dog

Recursion is a function calling itself (함수 스스로를 실행시키는것)

termination - base - recursion 으로 구성됨

function factorial(x){
  if(x<0) return;   // return undefined, termination condition
  if(x===0) return 1;  // return true (1), base case which terminate function with true
  return x * factorial(x-1);  // recursion
}
console.log(factorial(6));  // 720

function revStr(str){
  if(str === '') return '';
  return revStr(str.substr(1)) + str[0];
}
console.log(revStr('world'));  // dlrow