🛠️ 처음부터 만드는 GroupBy — 배열을 키 기준으로 그룹화하기

배열을 특정 키로 그룹화해야 할 때가 자주 있습니다. 주문 목록을 고객별로 묶거나, 로그를 레벨별로 분류할 때처럼요.

기본 구현

```javascript
function groupBy(arr, key) {
return arr.reduce((acc, item) => {
const group = item[key];
if (!acc[group]) acc[group] = [];
acc[group].push(item);
return acc;
}, {});
}
// 사용
const users = [
{ id: 1, role: 'admin', name: 'Alice' },
{ id: 2, role: 'user', name: 'Bob' },
{ id: 3, role: 'admin', name: 'Charlie' },
];
const byRole = groupBy(users, 'role');
// { admin: [{id: 1, ...}, {id: 3, ...}], user: [{id: 2, ...}] }
```

함수 기반 버전

때로는 객체 키가 아니라 계산된 값으로 그룹화해야 합니다:
```javascript
function groupByFn(arr, fn) {
return arr.reduce((acc, item) => {
const key = fn(item);
if (!acc[key]) acc[key] = [];
acc[key].push(item);
return acc;
}, {});
}
// 예: 나이대별 그룹화
const people = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 35 },
];
const byAgeGroup = groupByFn(people, p => Math.floor(p.age / 10) * 10);
// { 20: [{name: 'Alice', age: 25}], 30: [{name: 'Bob', age: 35}] }
```

TypeScript 버전

```typescript
function groupBy(
arr: T[],
key: K & keyof T
): Record {
return arr.reduce((acc, item) => {
const group = String(item[key]);
if (!acc[group]) acc[group] = [];
acc[group].push(item);
return acc;
}, {} as Record);
}
```
핵심: `reduce()`로 한 번에 순회하며 객체에 누적. 키가 없으면 새 배열 생성, 있으면 추가합니다.