JAVASCRIPT의 THIS Java와 같은 객체지향 언어에서 this는 클래스로부터 생성된 인스턴트 자신을 의미하며, 대부분의 상황에서 클래스 밖에서는 사용할 수 없다. 하지만 Javascript의 this를 이런 관점에서 접근하면 상당히 혼란스럽다. Javascript에서의 this는 함수의 현재 실행 컨텍스트를 의미하기 때문이다. 게다가 Javas...

브라우저를 전체화면 모드로 바꿔주는 javascript function function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement && !document.webki...

​자바스크립트에서는 함수를 선언하는 방법이 한 가지가 아니다.각각의 방법에 따라 생성된 함수는 모두 같지만 동작하는 방식이 조금씩 차이가 난다.1. 함수 선언문 (Function statement)function add(x, y) { return x + y; }...

​자바스크립트의 배열을 다루다보면, 자주 사용하는 작업들이 번거로울 때가 좀 많다. lodash나 jquery등 라이브러리를 사용하면 되지만, 항상 저런 라이브러리들을 사용할 수는 없기 때문에 자주 까먹어서 매번 찾아봐야했던 것들을 정리해놓는다.1. 배열의 item을 ...

​ES7부터 async/await을 지원한다고 한다. 하지만 지금은 ES7이 보편화되지 않았기 때문에 Babel이라는 javascript precompiler를 사용해야 async/await을 사용할 수 있다. Babel은 높은 버전의 자바스크립트를 낮은 버전의 자바스...

​1. Promise를 이용한 비동기 처리자바스크립트 Promise를 사용하는 비동기 패턴은 여러 종류가 있지만, 아래의 패턴이 가장 깔끔한 것 같다. 다음 step으로 값을 넘기고 싶을땐 resolve(값), error 핸들링을 할 땐 reject(에러)를 하면 된다...

​/** * 호출되면 3초 후에 첫 번째 인자로 받은 message를 출력하고 * 두 번째 인자로 받은 callback function을 호출하는 function이다. * @param message * @param callback */ function asyn...