🛠️ 처음부터 만드는 Middleware Pipeline — Koa-style next() 체이닝 20줄 구현

Express, Koa, Hono… 모든 서버 프레임워크의 핵심은 미들웨어 파이프라인이다.
`next()`를 호출하면 다음 미들웨어로, 안 하면 거기서 끊긴다.
이 양파 껍질 구조를 20줄로 만들어보자.
```javascript
function createApp() {
const stack = [];
const use = (fn) => stack.push(fn);
async function handle(ctx) {
let i = 0;
const next = async () => {
if (i < stack.length) await stack[i++](ctx, next);
};
await next();
return ctx;
}
return { use, handle };
}
```
실전 사용 — 로깅 + 인증 + 응답:
```javascript
const app = createApp();
// 1) 로깅 — 요청 전후를 감싼다
app.use(async (ctx, next) => {
const start = Date.now();
await next(); // ← 다음 미들웨어 실행
ctx.ms = Date.now() - start;
console.log(`${ctx.method} ${ctx.path} ${ctx.ms}ms`);
});
// 2) 인증 — 실패하면 next() 안 부름
app.use(async (ctx, next) => {
if (!ctx.token) { ctx.status = 401; return; }
await next();
});
// 3) 핸들러
app.use(async (ctx) => {
ctx.body = { ok: true };
ctx.status = 200;
});
await app.handle({ method: 'GET', path: '/', token: 'abc' });
// → GET / 1ms
```
핵심 원리:
| 개념 | 설명 |
|------|------|
| 클로저 인덱스 | `i`를 클로저로 공유, `next()` 호출마다 1씩 증가 |
| 양파 모델 | `await next()` 앞 = 요청, 뒤 = 응답 (Koa 스타일) |
| 단락 평가 | `next()` 안 부르면 체인 중단 → 인증 가드 구현 |
`next()`를 `await`하기 때문에 에러가 최상위까지 자연스럽게 전파된다.
try/catch 미들웨어 하나면 글로벌 에러 핸들러 완성.
Koa 소스를 열면 `koa-compose`가 이것과 거의 같다. 프레임워크의 심장은 의외로 단순하다.