[일일 회고] 2023-06-01 (목)

# 프론트엔드의 컴포넌트 설계

​

FEConf에서 컴포넌트 설계에 대한 영상을 보고 어떻게 접근해야 좋은지에 대해 느낄 수 있었다.

​

컴포넌트에는 의존성이 있다.

아래의 의존성을 어떻게 잘 다룰 수 있는 지에 따라서 변화에 강한 설계를 할 수 있다.

 

1. 스타일

2. 비즈니스 로직

3. 상태

4. 리모트 데이터 스키마

​

2, 3, 4는 custom hook으로 컴포넌트에서 분리하여 컴포넌트가 View를 담당할 수 있도록 역할을 잡아주면 좋을 것 같다.

리모트 데이터를 정규화하여 id 기반으로 데이터를 불러오는 것도 방식이 굉장히 깔끔해보였다.

또한 공통 컴포넌트를 설계할 때 같은 모델을 의존하는 컴포넌트의 경우에 재사용하고,

다른 모델을 의존하는 컴포넌트는 분리한다는 규칙이 좋았다.

​

큰 흐름에서는 컴포넌트는 SRP, Business Logic의 분리로 귀결되는 것 같다.