aajy / thinking

0 stars 0 forks source link

feature: 데이터 기반 input컴포넌트 작업 #3

Closed aajy closed 2 weeks ago

aajy commented 2 weeks ago

재사용을 위한 컴포넌트를 만들 때, 추상화를 고려하며 interface에 꼭 필요한 데이터만 열어두어야한다. 특히 state를 만들 때, 해당 데이터가 불필요하게 가공되어서 만들어진 state가 아닐지 생각을 해야한다.

Input컴포넌트에서는 state - value props - onChange실행 함수를 사용했다.

input의 스타일이 데이터에 따라 변화가 일어난다면, 데이터를 기반으로 스타일을 변경해주는 로직을 생각해야한다. 가공 데이터를 state로 만들어서 UI를 만들지 않는다.