AHRIBORI.COMv0.9
HomeAbout (2)Javascript (7)CSS (12)React (3)Webpack (1)Java (0)Node.js (4)ElasticSearch (1)자료구조 (8)알고리즘 (6)Selenium (1)Linux (2)Docker (1)Git (1)Tip (4)Issue (1)Memo (3)
star0
[Javascript] this
JAVASCRIPT의 THIS Java와 같은 객체지향 언어에서 this는 클래스로부터 생성된 인스턴트 자신을 의미하며, 대부분의 상황에서 클래스 밖에서는 사용할 수 없다. 하지만 Javascript의 this를 이런 관점에서 접근하면 상당히 혼란스럽다. Javascript에서의 this는 함수의 현재 실행 컨텍스트를 의미하기 때문이다. 게다가 Javas...
5년 전
아리보리댓글 0|조회 606
star0
브라우저 전체 화면 토글(Browser Fullscreen Mode)
브라우저를 전체화면 모드로 바꿔주는 javascript function function toggleFullScreen() { if (!document.fullscreenElement && // alternative standard method !document.mozFullScreenElement && !document.webki...
5년 전
아리보리댓글 0|조회 2005
star0
[Javascript] 함수(function) 만들기
​자바스크립트에서는 함수를 선언하는 방법이 한 가지가 아니다.각각의 방법에 따라 생성된 함수는 모두 같지만 동작하는 방식이 조금씩 차이가 난다.1. 함수 선언문 (Function statement)function add(x, y) { return x + y; }...
6년 전
아리보리댓글 2|조회 425
star0
[Javascript] 배열(Array)을 다룰 때 자주 까먹는 것들 메모
​자바스크립트의 배열을 다루다보면, 자주 사용하는 작업들이 번거로울 때가 좀 많다. lodash나 jquery등 라이브러리를 사용하면 되지만, 항상 저런 라이브러리들을 사용할 수는 없기 때문에 자주 까먹어서 매번 찾아봐야했던 것들을 정리해놓는다.1. 배열의 item을 ...
6년 전
아리보리댓글 1|조회 355
star0
비동기작업 처리하기 - 3. Async/Await
​ES7부터 async/await을 지원한다고 한다. 하지만 지금은 ES7이 보편화되지 않았기 때문에 Babel이라는 javascript precompiler를 사용해야 async/await을 사용할 수 있다. Babel은 높은 버전의 자바스크립트를 낮은 버전의 자바스...
6년 전
아리보리댓글 0|조회 1403
star0
비동기작업 처리하기 - 2. Promise
​1. Promise를 이용한 비동기 처리자바스크립트 Promise를 사용하는 비동기 패턴은 여러 종류가 있지만, 아래의 패턴이 가장 깔끔한 것 같다. 다음 step으로 값을 넘기고 싶을땐 resolve(값), error 핸들링을 할 땐 reject(에러)를 하면 된다...
6년 전
아리보리댓글 0|조회 357
star0
비동기작업 처리하기 - 1. Callback function
​/** * 호출되면 3초 후에 첫 번째 인자로 받은 message를 출력하고 * 두 번째 인자로 받은 callback function을 호출하는 function이다. * @param message * @param callback */ function asyn...
6년 전
아리보리댓글 0|조회 347