Hello World

Date objectsDate objects are based on the number of milliseconds since January 1,1970 UTC. They have no syntax, but are stated using constructors, like below:1new Date();2new Date(value);3new Date(dateString);4new Date(year, month[, day[, hour[, minute[, second[, millisecond]]]]]);You can use them like this:1var today = new Date();2var birthday = new Date('November 16, 1994 01:00:00');3var birth..

Every developer strives to write maintainable, readable, and reusable code. Code structuring becomes more important as applications become larger. Design patterns prove crucial to solving this challenge – providing an organization structure for common issues in a particular circumstance.JavaScript web developers frequently interact with design patterns, even unknowingly, when creating applicatio..

1. DOM 이라는 단어가 가진 모호성DOM 은 바라보는 관점에 따라 여러가지로 표현될 수 있다.문서의 성격에 따라 DOM 을 다르게 표현하는 가장 큰 이유 중 하나이다.2. 용어 정리브라우저의 주요 구성 요소인터페이스 관점에서 바라본 DOM: DOM Interfaces(Attr, Document Interface 등), HTML Interfaces(HTMLHtmlElement Interface 등), SVGInterfaces(SVGAElement Interface 등) 등을 포함한 Programing Interface 를 의미한다.API 관점에서 바라본 DOM: 특정 플랫폼 상에서 특정 언어(C++, JAVA, JS 등)를 통해 Programing Interface 를 구현한 API 를 의미한다.구현된..

https://github.com/airbnb/enzymeES6 포함 : https://github.com/airbnb/javascript 한글번역 : http://firejune.com/1794

자바스크립트 제대로 배우기는 처음 글이 올라왔을 때 소셜에 소개한 적이 있는데, 자신의 13살 딸한테 적용했다는 말도 빠지고 글이 엄청나게 버전업되었다. 번역 글 내용에는 포함하지 않았지만, 레딧같은 유명 커뮤니티 서비스에서 >>>New Study Group Starting January 2014!

unBind 하는 법왜 이벤트를 unbind 해야 할까? 이벤트 핸들러를 이벤트에 등록할 때 마다, 프로세서에게 메모리에 allocate 시키라고 말하는 샘이다. 더 많은 이벤트 핸들러가 동시에 작동할 때, 더많은 메모리가 사용되는 샘이다. 이것이 더이상 필요가 없을때 이벤트 핸들러를 이벤트로 부터 분리해야하는 중요한 이유다. 물론 짧은 스크립트 프로그래에서는 이벤트 핸들러를 이벤트에 바인딩하는 효과는 미비하다. 큰 웹 어플리케이션에서 이벤트를 unbind 하는 것이 좀더 중요하다. 그러나 습관을 가지는 것은 좋은 것이다. unbind 하기 위해서 호출해야 하는 함수는 unbind() 다. $(window).unbind("load"); 위의 코드는 먼저 attatch 되었던 "onload" 핸들러를 윈도..

Definition and Usage join() method는 string에 배열의 모든 element들을 합치고 string을 반환한다. element들은 명시된 separator(분리자)에 의해 분리되어 진다. default separator는comma (,)이다. Syntax array.join(separator)

var 식별자 = 복사할노드.cloneNode(boolean value) : 이미 생성된 노드를 복사=> false : 해당 노드만 복사, true : 자식노드 포함 http://blog.naver.com/javaking75?Redirect=Log&logNo=140163732904

functionName.call(thisArg,arg1,...argN) call() 메소드는 객체 생성 함수에서 주로 사용된다.현재 객체(this)에 대해서 이전에 선언된 함수 (혹은 메소드)를 연산하도록 할 때 사용된다.thisArg인자가 나타내는 객체에 대해서 funcitonName(arg1,argN)을 실행시킨다.call 메소드는 인자의 타입만 apply 메소드와 다르고 나머지는 비슷하게 동작한다. 인자thisArg : 연산을 하려는 객체argN : functionName 함수(혹은 메소드)의 인자들 리턴값thisArg 인자가 나타내는 객체에 대해서 functionName(arg1,,argN)을 실행한 결과가 리턴된다. 예제다음 예제에서 myCar, myCar2는 객체 생성 함수이다. 여기서 myC..

functionName.apply(thisArg,argArray) apply() 메소드는 객체 생성함수에서 주로 사용한다.현재 객체(this)에 대해서 이전에 선언된 함수(혹은 메소드)를 연산하도록 할 때 사용한다.thisArg인자가 나타내는 객체에 대해서 functionName(argArray)를 실행시킨다.apply()메소드는 인자의 타입만 call 메소드와 다르고 나머지는 비슷하게 동작한다. 인자thisArg : 연산을 하려는 객체argArray : functionName 함수(혹은 메소드)의 인자를 나타내는 배열. arguments 속성을 argArray인자 값으로 지정할 수도 있다. 리턴값thisArg 인자가 나타내는 객체에 대해서 functionName(argArray)를 실행한 결과가 리턴된..