주문 버튼을 즉시 응답하게 만드세요

주문 API 자체는 5밀리초에 일을 끝냅니다. 그런데 그 뒤에 붙어 있는 '영수증·메일 처리'가 건당 200밀리초씩 걸리고, 초당 10건밖에 소화하지 못합니다. 지금은 이 처리가 끝나야만 사용자에게 "주문 완료"를 보여줍니다.

초당 30건이 들어옵니다. 매초 20건씩 밀립니다. 먼저 그냥 실행해서, 사용자 응답 시간이 몇 초까지 올라가는지 확인하고 시작하세요.

영수증과 메일은 사용자가 화면 앞에서 기다릴 이유가 없는 일입니다. 작업 큐와 워커를 두어 요청 경로 밖으로 빼내세요.

합격 조건

작업 큐와 워커가 캔버스에 있을 것
사용자 → 주문 API → 큐 → 워커 경로가 이어질 것
사용자 체감 응답 시간(p95) 150밀리초 이하

통과한 뒤에도 한 가지를 더 보세요. 워커를 한 대만 두면 초당 20건이 한계입니다. 들어오는 건 초당 30건입니다. 사용자 화면은 완벽하게 정상인데 큐에는 일이 계속 쌓입니다. 워커를 늘려 큐 깊이가 0 근처에서 머무는 것까지 확인해 보세요. 이게 실무에서 놓치는 부분입니다.

이 실습은 자바스크립트가 필요합니다. 개념 설명은 자바스크립트 없이도 읽을 수 있습니다.

← 동기와 비동기 개념 설명으로

← 동기와 비동기주문 버튼을 즉시 응답하게 만드세요

cc KIE

주문 트래픽 · 시드 async-001

유입 요청—

처리 완료—

유실 요청—

지연 p95—