동기(Synchronouse)

정의

• 현재 실행 중인 코드가 끝나야 다음 코드를 실행 = 현재 실행중인 task가 종료할 때까지, 다음 task가 대기하는 방식

const arr = [];

for (let i = 0; i < 1000; i++) {
  arr.push(i);
}

console.log(arr);

for (let i = 1000; i < 2000; i++) {
  arr.push(i);
}

console.log(arr);

• 순서대로 실행. 아무리 반복문이 1000번, 10000번 돌아도 하나의 for문이 다 끝나야 다음 코드로 넘어간다.

고민할 점

• 장점: 동기 처리는 코드를 순서대로 하나씩 실행하기 때문에, 실행 순서가 보장된다.
• 단점: 현재 실행중인 task가 종료될 때까지 다음 task가 실행이 안 된다는게 문제 = task가 블로킹(blocking) 된다고 말한다.

const arr = [];

for (let i = 0; i < 1000; i++) {
  arr.push(i);
	// 1000번 반복하면서 실행할 더더더더더 복잡한 코드
}

console.log(arr);

for (let i = 1000; i < 2000; i++) {
  arr.push(i);
	// 여기도 진짜~~~ 복잡한 수한 계산식들..
}

console.log(arr);

• for문 내 로직이 매 반복마다 매우 복잡하고 오래걸리는 계산을 하는 경우
• js가 아무리 빨라도 반복수도 많고, 계산이 정말 복잡하면 느릴 수 있습니다!

참고) 전형적인 동기의 blocking 예제

const arr = [];

for (let i = 0; i < 1000; i++) {
  arr.push(i);
	// 1000번 반복하면서 실행할 더더더더더 복잡한 코드
}

**alert("안녕하세요");**  // 확인 누를 때까지 console 코드로 넘어가지 않음
****console.log(arr);