BE 12

[JS] 자바스크립트에서의 Callback (콜백함수) 이해해보기.

Javascript 를 사용하면서, (or 다른 언어에서 이벤트 등의 특정 상황에서) 특정한 이벤트에 실행시키는 함수를 실행할 때 (사실 JS 외에는 실제로 만나보지 못했다.. 화살표함수 이녀석) 우리는 Callback 이라는 개념과 마주하게 된다. 우선 콜백의 정의부터 알아보자. '콜백(Callback)의 정의' 라고 검색했을 때 맨 처음 나오는 위키백과의 정의는 아래와 같이 시작한다. 프로그래밍에서 콜백(callback) 또는 콜애프터 함수(call-after function)[1]는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행할 수도 있고, 아니면 나중에 실행할 수도 있다. Javascript 는 탄생 배경에서부터 웹 브라우저를..

[JS] Destructuring Assignment (구조분해할당) + Computed Property Name (계산된 속성 이름)

JS 에서 변수를 한번에 담기 위해 사용하는 구조는 '배열 (Array)' 과 '객체 (Object)' 구조로 크게 두 가지로 나누어진다. 데이터를 다루는 데 있어서 이 배열에 담긴 데이터들과 객체의 담긴 데이터들을 분리해서 구별해 저장할 필요가 생길 때 사용하는 기능이 바로 '구조분해할당' 구문이다. let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ...rest] = [10, 20, 30, 40, 50]; console.log(a); // 10 console.log(b); // 20 console.log(rest); // [30, 40, 50] ({ a, b } = { a: 10, b: 20 });..