며칠 전 detail tag와 custom data와 state를 사용한 간단한 기능을 만들었다. 기존엔 토글 버튼의 열고 닫힘이 자유롭게 이뤄졌는데, 하나의 토글이 열리면 나머지 토글은 닫히는 기능이었다. 너무 간단했고, 또 실제로 금방 만들어냈지만 한 가지 문제가 발생했다. details 태그에 state를 사용하는 경우 open 특성이 state와 반응하도록 구현했는데 한 번 함수가 실행되고 나서야 두번째에 정상 작동하는 것이었다. 해당 오류를 해결하기 위해 리서치한 결과, 나와 같은 문제를 겪은 개발자를 발견했고, 해답을 얻을 수 있었다. 해결 detail tag의 기본 동작으로 벌어진 문제 1️⃣ 사용자가 details 태그 요소를 클릭했을 때 onClick 이벤트가 동작히고 state가 fal..