완성된 모습 React를 이용하여 프론트엔드 화면을 구성하고 있었다. 여러 개의 메뉴를 아코디언처럼 만들고 싶었다. 쉽지 않았다. [문제] 1. 한꺼번에 3개의 메뉴가 모두 펼쳐지고 닫힌다. 2. 한번 클릭한 메뉴를 닫아야 다음 메뉴를 열 수 있다. 정말 오류도 많이 나고, 또 오류가 안 나서 어디가 문제인지 알 수 없던 순간이었다. 약 이틀간 고민했고, 결론은 간단했다. 항상 결론은 간단하다. 내가 사용한 코드는 1. 3개 메뉴에 대한 useState를 만든다 const [active, setActive] = useState(true); >> 페이지 첫 화면에서는 [전체]카테고리 item이 보여야하기에 초기값을 true로 한다. const [activeBrand, setActiveBrand] = use..