🛠️ 처음부터 만드는 GroupBy — 데이터를 조건에 따라 그룹화하기

# GroupBy란?
배열의 요소를 특정 기준에 따라 그룹으로 묶는 유틸리티입니다. 같은 카테고리끼리 모아야 할 때 매우 유용합니다.

기본 구현

```javascript
function groupBy(arr, fn) {
return arr.reduce((acc, item) => {
const key = fn(item);
if (!acc[key]) acc[key] = [];
acc[key].push(item);
return acc;
}, {});
}
```

실제 사용 예제

```javascript
// 나이대별로 사람 분류
const people = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 25 },
];
const byAge = groupBy(people, p => p.age);
// { 25: [{name: 'Alice', age: 25}, {name: 'Charlie', age: 25}],
// 30: [{name: 'Bob', age: 30}] }
// 상품을 카테고리별로 그룹화
const products = [
{ id: 1, category: 'electronics', price: 100 },
{ id: 2, category: 'books', price: 20 },
{ id: 3, category: 'electronics', price: 200 },
];
const byCategory = groupBy(products, p => p.category);
// electronics, books 카테고리별로 자동 분류
```

심화: 값으로 변환하면서 그룹화

```javascript
function groupByMap(arr, keyFn, valueFn = x => x) {
return arr.reduce((acc, item) => {
const key = keyFn(item);
if (!acc[key]) acc[key] = [];
acc[key].push(valueFn(item));
return acc;
}, {});
}
// 사용: 나이대별 이름만 추출
const namesByAge = groupByMap(people, p => p.age, p => p.name);
// { 25: ['Alice', 'Charlie'], 30: ['Bob'] }
```
참고: 최신 JavaScript는 `Object.groupBy()` (ES2024) 지원. [MDN 문서](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy)