동아리에서 진행하는 프로젝트 중 세부 nav 바 중 하나의 item을 클릭하면 그에 맞춰 포커스가 유지되는 nav 바를 만들어보았다. 현재 Nextjs를 사용 중이다. 일단 결과를 먼저 보면 이렇다. hover했을 때 색깔이 변경되고 클릭하게 되면 foucs가 유지되어 선택된 항목은 계속 색깔이 바뀐 채로 있는다. 사실 이걸 맨 처음 구현하려고 했을 때 foucs 이벤트를 걸어줘야겠다고 생각했다. 근데 Nextjs 상으로 focus를 걸어주는 방법은 useRef를 사용하여 걸어주는 방법이 있는데 여러개 항목을 다 ref로 컨트롤하고 그때그때마다 선택된 애는 focus 다른 애들은 그냥 가만히 냅두는 그런 코드를 짜는 것에 대해서 어려움도 느꼈을 뿐더러 굉장히 비효율적인 것 같다는 생각이 들었다. 그래서 ..
