동기와 비동기

동기와 비동기

1. 동기와 비동기

 - 동기와 비동기 실행 방식코드의 동작 및 효율성을 제어하는 데 중요한 역할을 합니다.

 

2. 동기 (Synchronous)

 - 동기 코드 실행순차적으로 진행되는 것을 의미합니다. 한 작업을 완료한 후, 다음 작업이 실행됩니다.

 - 동기 코드 실행 방식 코드 블록이 위에서 아래로 순차적으로 실행되는 것이 특징입니다.

 - 동기 코드 실행은 주로 함수 호출, 루프, 파일 처리 등에서 사용됩니다.

 - 하나의 작업이 지연되면, 모든 작업이 지연되는 단점이 있습니다.

console.log("첫 번째 실행");
console.log("두 번째 실행");
console.log("세 번째 실행");

 

3. 비동기 (Asynchronous)

 - 비동기 코드 실행순차적으로 진행되지 않고 병렬로 실행되는 방식입니다.

 - 한 작업이 완료되기를 기다리지 않고, 다른 작업을 동시에 실행합니다.

 - 주로 네트워크 요청, 파일 로딩, 타이머 및 이벤트 처리사용됩니다.

 - 콜백함수, 프로미스, async/await 등을 통해 처리됩니다.

console.log("첫 번째 실행");

// setTimeout 함수에 따라 2초 뒤에 실행됨
setTimeout(function () {
    console.log("두 번째 실행");
}, 2000);

console.log("세 번째 실행");

 

'Front-End Study > JavaScript' 카테고리의 다른 글

생성자 (constructor)  (0) 2024.01.29
forEach 메서드  (0) 2024.01.26
fetch 함수  (0) 2023.10.26
Callback 함수  (0) 2023.10.24
localStorage  (0) 2023.09.04