프로젝트를 진행하면서 사용자의 취향 키워드를 수정하는 화면에서 아래와 같은 식으로 클릭한 요소를 표시할 수 있도록 작업 중이었다. 코드의 재사용성을 높여주고, 반복되는 작업을 줄이기 위해 각 키워드 카테고리들을 따로 컴포넌트로 만들어서 props를 통해 해당하는 이미지와 state, setState함수 등을 전달하도록 해주려고 했다. 기존에는 각 요소들이 한식 와 같이 구성되어 있었다. 별도의 컴포넌트로 분리할 경우 각 키워드 카테고리 별로 props로 전달해줄 값은 카테고리 이름 img태그의 src속성값 img태그의 alt속성값 해당 카테고리의 state 해당 카테고리 state의 setState함수 5가지이다. 그래서 아래와 같이 컴포넌트를 만들어주고 // [ 각 키워드 재사용 컴포넌트 ] const..
