자바스크립트 - this, bind (해당 내용은 smashingmagazine 사이트를 참고해서 제작하였음.) 자바스크립트를 학습하다보면 의도하는 context대로 작동하지 않을 때가 있다. 이것은 자바스크립트 자체의 규칙이 존재한다는 증거이며 우리는 이를 학습하고 적절하게 사용할 줄 알아야 한다. 먼저 아래 코드 예시를 살펴보자. var myObj = { specialFunction: function () { }, anotherSpecialFunction: function () { }, getAsyncData: function (cb) { cb(); }, render: function () { var that = this; this.getAsyncData(function () { that.specia..

자바스크립트 - 클로저 자바스크립트에서 클로저는 "함수와 그 함수가 선언됐을 때 렉시컬 환경과의 조합이다." MDN docs의 예시를 보면서 저 말의 의미를 탐구해보자. makeFunc()함수는 내부의 displayName()함수를 리턴하는 함수이고 이를 myFunc라는 변수가 리턴을 받게 된다. 결국은 myFunc가 displayName함수를 갖게 되는데 이때 myFunc를 실행하면 makeFunc내부의 변수 name에 접근할 수 있게 된다. 상식적으로는 함수가 종료된다면 그 함수의 변수에는 참조할 수 없는 것이 맞을텐데 이 구조에서는 함수가 종료되어도 어떠한 변수에 의해서 참조되고 있기 때문에 종료된 함수의 변수에도 참조할 수 있게 된다. 즉 "외부함수가 종료되어도 참조만 된다면 그 함수 내부의 값들..