자모 학습페이지 구현 시 index가 맞지 않아서 map을 돌릴 때 예외처리 해줘야 하는 부분이 어려웠다. 또 객체의 index는 0부터 시작하는데 length는 1부터 세어야해서 너무 헷갈리다보니 머리에 과부하가…. 나는 수학이랑은 영 맞지 않는다는 것을 다시 한 번 깨달았다. 또한 map을 돌리면서 항목마다 모두 똑같은 동그란 div를 만들어주다가, 18번째 요소만 동그란 div안에 반반씩 나누어서 각각 따로 클릭되도록 해야해서 처음에는 useRef를 사용해서 클릭을 추적하도록 했는데 소용이 없었다. e.target을 콘솔 찍어서 내부를 살펴보고 parentNode에 있는 요소를 뽑아내서 조건부렌더링 및 조건부 함수를 적용할 수 있었다. 약간 하드코딩 같아서 다른 좋은 방법이 있을 것 같다…