[React] 동기적 방식과 비동기적 방식, 콜백 함수

동기적 방식

; 위에서 아래로 코드가 순서대로 실행 (thread가 1개)

 

비동기적 방식 

; 한번에 여러개가 진행 (thread가 여러개)

- 콜백함수를 통해 

JS는 동기적 방식 기반임 but 비동기 방식으로 처리되는 함수들이 있음 ex) setTimeout()

Heap ; 변수, 상수, 함수 등 저장

동기적 처리 ; Call Stack에 옮겨진 후 처리

비동기적 처리 ; Web APIs에 옮겨진 후 , 비동기적 처리 됨 -> Callback Queue에 옮겨지 후 Call Stack에서 처리

 

콜백 함수

; 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수

function func(a, func2) {
  console.log(a);
  const res = 5;
  func2(res);
}

func("abcd", (res) => {
  console.log(res);
});

"abcd" 다음 "abc" 출력

- func 실행 & () => {} 화살표 연산자를 콜백함수로 넘겨줌 

-> func2의 매개변수 res사용