🛠️ 처음부터 만드는 Chunk — 배열을 일정 크기로 나누기

배열을 작은 청크(덩어리)로 나누는 것은 페이지네이션, 배치 처리, 데이터 그룹화에 자주 쓰입니다.

기본 구현

```javascript
function chunk(arr, size) {
const result = [];
for (let i = 0; i < arr.length; i += size) {
result.push(arr.slice(i, i + size));
}
return result;
}
// 사용 예시
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(chunk(numbers, 3));
// [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
console.log(chunk(numbers, 4));
// [[1, 2, 3, 4], [5, 6, 7, 8], [9]]
```

실제 활용

페이지네이션:
```javascript
const items = Array.from({length: 47}, (_, i) => i + 1);
const pages = chunk(items, 10);
console.log(pages[0]); // 첫 페이지: [1..10]
console.log(pages.length); // 5 페이지
```
배치 API 호출:
```javascript
const userIds = [1, 2, 3, ..., 100];
const batches = chunk(userIds, 20);
for (const batch of batches) {
await api.deleteUsers(batch); // 20개씩 처리
}
```

동작 원리

`slice(i, i + size)`로 배열을 일정 크기로 자르고, 루프가 `size`씩 증가하면서 비겹치는 부분을 추출합니다. 마지막 청크가 `size`보다 작으면 자동으로 처리됩니다.
TypeScript 버전:
```typescript
function chunk(arr: T[], size: number): T[][] {
return Array.from({length: Math.ceil(arr.length / size)},
(_, i) => arr.slice(i * size, (i + 1) * size)
);
}
```
데이터 처리 파이프라인에서 매우 유용합니다!