슬라이드 코드 일부 + useState를 각각 선언하기 vs. 객체로 한번에 선언하기

• index에 따라 sculptureList의 다음 그림을 보여주고
• showMore 여부에 따라서 그림 아래에 그림에 대한 detail 설명을 toggle

 const [index, setIndex] = useState(0);
 const [showMore, setShowMore] = useState(false);
 
 let sculpture = sculptureList[index];
 // => 배열의 요소들을 한번에 다 보여주지 않고 한번에 하나의 요소만 보여줄 때

위의 index, showMore처럼 서로 연관이 없는 경우 여러 개의 useState로 분리한다.

하지만 두 개의 필드가 자주 함께 변경되는 경우에는 하나의 useState 객체로 합치는 게 더 좋다.

예: form 컴포넌트에서 이메일, 비밀번호 등 각 필드별로 state를 사용하기보다 하나의 객체 state로 선언한 다음 spread 문법 등을 사용하여 객체의 일부를 변경한 후 POST 등으로 보낼 때 한번에 하나의 데이터로 처리