---
# System prepended metadata

title: 20220203 Frontend 일일 개발일지
tags: ['20220203']

---

20220203 Frontend 일일 개발일지
===

###### tags: `20220203`

# 개발 내용

## SHOP 페이지 작성.

### 1. SHOP 화면 내 찜 기능 구현

### 2. brandId, categoryId 빼내기.

![](https://i.imgur.com/gYkj4DI.png)

이렇게 생긴 객체 배열 `brands` 에서, 

```json=
{
    'Nike': 70,
    'Jordan': 71,
    ...
}
```

이런식으로 추출해야한다.

#### 처음 접근한 잘못된 방식

```typescript=
brands.map((brand) => {
    const obj = {};
    obj[brand.name] = brand.id;
    return {};
}),
```

이런식으로 구현.

:::danger
잘못된 결과가 나왔다.

![](https://i.imgur.com/OiYrzUN.png)

:::

이렇게 나온다면 브랜드 이름을 key로 id를 구해올 수 없음.

#### Map 사용 - with 종현

