본문 바로가기

콜백함수

[JavaScpript] 콜백 함수(Callback Function) 콜백 함수(Callback Function) 1. 콜백 함수(Callback Function) (1) 콜백 함수의 정의 - 콜백함수란, 파라미터(매개변수)로 함수를 전달받아 -> 함수의 내부에서 실행하는 함수이다. - 매개변수로 넘겨받은 함수는 일단 넘겨 받고 -> '때가 되면, 나중에 호출' 한다는 것이다. let num = [1, 2, 3, 4, 5]; num.forEach( x => { console.log(x * 5); }); output 5 10 15 20 25 (2) 콜백 함수 사용 목적 - 콜백 함수는, 비동기 방식으로 작성된 함수를 -> 동기 처리 하기 위해 주로 사용한다. - 비동기 방식을 기본 처리 방식으로 하지만, 일부 구간에서는 순차적인 처리가 필요할 수 있기 때문이다. 즉, 비동기.. 더보기
[JavaScript] 동기와 비동기 / blocking과 Non-blocking Vue를 접하면서, 아니 프론트를 공부하면서 계속 나오는 비동기! 감이 잡히지만 확실히 알고 넘어가자. 동기 Vs 비동기 처리 방식의 차이까지 정리하자. 동기와 비동기는, 프로세스 수행 순서에 대한 메커니즘이며, 동기/blocking - 비동기/Non-blocking 으로 연관지을 수 있다. 동기(Synchronous) 1. 동기(Synchronous) 방식의 정의 - 프로그래밍에서 말하는 동기는, '동시에 발생해야 하는 조건'으로, - JavaScript에서 작성한 코드는 위에서 -> 아래로 순차적으로 실행이 되며, - 상위 코드가 완료되지 않는다면 ? - 하위 코드 역시 실행이 디지 않는다는 것이다. -> 즉, 동기 = [모든 코드가 '순서'를 가지고 실행이 되는 것] 2. 동기방식의 처리 순서 - .. 더보기