자바스크립트의 동기코드(sync)와 비동기코드(async)

자바스크립트는 싱글 스레드(single-threaded) 언어입니다. 이 말은 한 번에 하나의 작업만 처리할 수 있다는 것을 의미합니다. 그러나 자바스크립트는 이벤트 루프와 콜백 함수를 사용하여 비동기 처리를 가능하게 합니다. 이를 통해 I/O 작업, 네트워크 요청, 타이머 등과 같은 비동기 작업들을 관리할 수 있습니다.

동기코드 (Synchronous Code)

• 동기 코드는 작업이 순서대로 실행됩니다.
• 한 작업이 완료될 때까지 다음 작업은 대기 상태가 됩니다.

console.log('1');
console.log('2');
console.log('3');

위의 코드는 동기적으로 실행되며, 출력 결과는 다음과 같습니다:

1
2
3

비동기코드 (Asynchronous Code)

• 비동기 코드는 특정 작업이 완료되기를 기다리지 않고 다음 작업으로 넘어갑니다.
• 콜백, 프로미스, async/await 등의 패턴을 사용하여 비동기 코드를 관리할 수 있습니다.

콜백 (Callback)

console.log('1');
setTimeout(function() {
    console.log('2');
}, 1000);
console.log('3');