Sapere_aude

JavaScript 동기, 비동기처리란? 자바스크립트에서는 동기 / 비동기 라는 개념이 중요하다. 원하는 결과를 출력할 수 있느냐 없느냐에 핵심적이기 때문이다. 동기 처리 : A 작업이 끝난 후 B작업이 실행되는 것을 의미하고, 비동기 처리 : 크게 순서에 상관없이 A, B작업이 이루어 지는 것을 의미한다. 여기서 동기, 비동기의 중요한 차이점이 나온다. 만약 A 작업 이후의 결과물이 B작업에 사용되어야 한다면, A작업 이후 B작업이 진행되도록 “필수”적으로 지정해야한다. 만약 그런 상황이 아니라면, 누가 먼저 실행되는 상관없다. 맥도날드 송 예시 동기 처리 : 1. 참깨빵 위에 2. 순쇠고기 패티 두장 ~ 3. 비동기 처리 : 1. 순쇠고기 패티 두 장 위에 2. 참깨빵~ 3. 원하는 햄버거가 나오지 ..

JavaScript - Callback 콜백함수란? 파라미터로 함수를 전달하는 함수를 callback 함수라고 부른다. 보통의 함수는 아래와 같이 생성, 사용된다. var 인자 = "Hello World"; var 함수 = function(인자){ console.log(인자); }; 함수(인자); // 실행 결과 : "Hello World" 그런데 인자에 함수값이 들어갈 수 있고, 이럴 경우에는 인자로 전달된 함수[콜백함수]가 아래 [함수]라는 함수에서 실행된다. var 콜백함수 = function(인자){ return 인자*2; } var 함수 = function(인자){ console.log(인자); } 함수(콜백함수(2)); // 실행결과 : 4 어떤 상황에서 Callback 콜백함수를 사용할까? ..