동기, 비동기 / Blocking, Non-Blocking

동기, 비동기

👩‍💻 완벽히 이해하는 동기/비동기 & 블로킹/논블로킹

동기/비동기 & 블로킹/논블록킹 프로그래밍에서 웹 서버 혹은 입출력(I/O)을 다루다 보면 동기/비동기 & 블로킹/논블로킹 이러한 용어들을 접해본 경험이 한번 쯤은 있을 것이다. 대부분 사람들은 용어들이 나타내고자 하는 행위에 대해선 멀티 태스킹과 밀접한 관련이 있다는 것을 알고 있다. 그래서 두 개념을 비슷한 것으로 오해하는 사람들이 꽤 많다. 😵‍💫 동기/비동기 와 블로킹/논블로킹 이 두 개념은 표현 형태는 비슷해 보일지라도, 서로 다른 차원에서 작업의 수행 방식을 설명하는 개념이다. 동기/비동기는 요청한 작업에 대해 완료 여부를 신경 써서 작업을 순차적으로 수행할지 아닌지에 대한 관점이고,블로킹/논블록킹은 단어 그대로 현재 작업이 block(차단, 대기) 되느냐 아니냐에 따라 다른 작업을 수행할 수..

https://inpa.tistory.com/entry/%F0%9F%91%A9%E2%80%8D%F0%9F%92%BB-%EB%8F%99%EA%B8%B0%EB%B9%84%EB%8F%99%EA%B8%B0-%EB%B8%94%EB%A1%9C%ED%82%B9%EB%85%BC%EB%B8%94%EB%A1%9C%ED%82%B9-%EA%B0%9C%EB%85%90-%EC%A0%95%EB%A6%AC

동기와 비동기의 가장 큰 차이는 뭘까~?

동기화를 적용한 방법:

1. 비동기 작업을 순서대로 처리하도록 동기를 걸었습니다.

2. 데이터가 모두 수신된 후 작업을 시작해 대시보드가 순서에 맞게 그려지도록 했습니다.

↓ 간단한 코드로 표현하자면 ↓

async function fetchAndRenderDashboard() {
    const data1 = await fetch('/api/data1'); // 첫 번째 데이터 요청
    const data2 = await fetch('/api/data2'); // 두 번째 데이터 요청
    renderDashboard([data1, data2]); // 데이터를 순서대로 렌더링
}

function getDataSync() {
    const data = fetch('https://api.example.com/data'); // 요청 보냄
    console.log(data); // 응답이 올 때까지 여기서 멈춤
}

async function getDataAsync() {
    console.log("데이터 요청 중..."); // 요청 전에 다른 작업 가능
    const data = await fetch('https://api.example.com/data'); // 요청 보냄
    console.log(data); // 응답이 오면 처리
}

그럼 backend에서 동기와 비동기는 어떻게 쓸까?

언제 동기를 사용할까?

• 순차적인 데이터 흐름이 필요한 작업:
• 예: 금융 거래 시스템에서 계좌 이체는 입금/출금이 정확히 순서대로 이루어져야 함

• 작업 간 의존성이 강한 경우:
• 예: A 데이터를 먼저 처리한 후에야 B 작업을 시작할 수 있을 때

언제 비동기를 사용할까?

• 네트워크 요청과 I/O가 많은 경우:
• DB 쿼리, 파일 처리, 외부 API 호출 등

• 병렬 처리가 가능한 독립 작업:
• 예: 여러 사용자의 요청을 동시에 처리해야 할 때

• 실시간 서비스:
• 채팅, 스트리밍, 알림 시스템

블록킹, 논블록킹

블로킹/논블로킹은 함수 호출의 동작 방식에 대한 이야기

• 블로킹은 호출한 함수가 완료될 때까지 기다리는 방식.

• 논블로킹은 호출한 함수가 즉시 반환하고, 완료는 나중에 처리.

동기/비동기는 작업 간의 제어 흐름에 대한 이야기

• 동기는 작업이 순서대로 진행되고, 완료될 때까지 다음 작업을 시작하지 않아.

• 비동기는 작업이 병렬적으로 실행되며, 완료 후에 결과를 처리.

블로킹 동기

• 함수가 작업을 완료할 때까지 기다리고, 다른 작업은 중단한다.

• 예: readFileSync (파일 읽기가 끝날 때까지 코드 실행 중단).

논블로킹 동기

• 사실상 이런 경우는 드물어. 동기 작업이 논블로킹으로 작동하기 어렵다.

블로킹 비동기

• 이론적으로 가능하지만 일반적으로 사용되지 않는다.

논블로킹 비동기✨

• 함수가 작업을 즉시 반환하고, 완료된 후 콜백이나 프로미스를 통해 결과를 처리한다.

• 예: readFile (파일 읽기 중 다른 작업을 수행)

[10분 테코톡] 🐰 멍토의 Blocking vs Non-Blocking, Sync vs Async

🙋‍♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋‍♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다. *우아한테크코스 3기는 “온라인”으로 강의 및 발표를 진행하고 있습니다. 온라인 발표 화면인 점 참고 부탁드립니다 : )

https://youtu.be/oEIoqGd-Sns?si=zA8jkrL0z91RNqSs

Blocking vs Non-Blocking

블로킹 동기

상황:

• 직원이 블로킹 상사에게 서류를 전달.

• 상사가 말함: "기다려주세요, 제가 서류를 검토할 때까지 아무 일도 하지 말고 여기 서 있어요."

• 직원은 다른 일을 하지 못하고 상사가 서류를 다 검토할 때까지 기다림.

특징:

• 제어권은 상사에게 있고, 직원은 기다려야 함.

• 서류 검토가 끝날 때까지 다른 일을 하지 못함.

• 순차적으로만 작업 진행.

function blockingSync() {
    const result = reviewDocument(); // 상사가 서류 검토 (블로킹)
    console.log(result); // 검토가 끝난 후 작업
}

논블로킹 동기

상황:

• 직원이 논블로킹 상사에게 서류를 전달.

• 상사가 말함: "가서 다른 일을 하세요. 하지만 내가 서류 검토를 끝내기 전에는 새로운 일을 시작하지 마세요."

• 직원은 기다리지는 않지만, 상사가 서류 검토를 끝내기 전까지는 다른 작업을 시작하지 못함.

특징:

• 제어권은 상사에게 있지만, 직원은 서류를 기다리는 동안 다른 작업을 처리 가능.

• 순차적 작업만 허용되기 때문에 제한적.

function nonBlockingSync() {
    setTimeout(() => {
        console.log("서류 검토 완료"); // 상사가 검토 완료 후
    }, 1000);
    console.log("다른 일을 하는 중"); // 검토를 기다리며 작업
}

블로킹 비동기

상황:

• 직원이 블로킹 상사에게 서류를 전달.

• 상사가 말함: "기다려주세요. 제가 서류 검토를 끝낼 때까지 다른 일을 시작하지 말아주세요."

• 직원은 상사가 끝낼 때까지 반드시 기다려야 하지만, 검토가 끝난 후에만 다른 작업을 시작할 수 있음.

특징:

• 제어권은 상사에게 있음.

• 작업 순서가 유연하지만, 직원은 반드시 상사가 끝낼 때까지 기다려야 함.

async function blockingAsync() {
    const result = await reviewDocument(); // 상사가 검토 끝날 때까지 대기
    console.log(result); // 검토 끝난 후 작업
}

논블로킹 비동기

상황:

• 직원이 논블로킹 상사에게 서류를 전달.

• 상사가 말함: "가서 다른 일 하세요! 제가 검토 끝나면 알려드릴게요."

• 직원은 상사가 검토를 끝낼 때까지 기다릴 필요 없이 자신의 일을 계속 처리하고, 상사가 검토 완료를 알려주면 그때 작업을 이어감.

특징:

• 제어권은 직원에게 있음.

• 작업 순서가 유연하고, 병렬적으로 여러 작업이 진행 가능.

• 효율성이 가장 높음.

function nonBlockingAsync() {
    reviewDocument((result) => {
        console.log(result); // 검토가 끝난 후 처리
    });
    console.log("다른 일을 처리 중"); // 검토 기다리지 않고 다른 작업
}

정리표: 블로킹/논블로킹 & 동기/비동기

결론

• 블로킹/논블로킹은 제어권이 누구에게 있는지를 나타냄.

• 동기/비동기는 작업 간의 순서와 병렬 처리 여부를 나타냄.

• 논블로킹 비동기가 가장 효율적이지만, 모든 상황에서 적합한 것은 아니야. 상황에 맞게 조합을 선택하면 된다.