[P2023] eslint onClick관련

toggle을 만들기 위해 div에 onClick을 하려고 하니 나타난 에러

div는 시멘틱하지 않으므로 시멘틱하게 만들어주어야 한다는 것이다

button에 onClick으로 바꾸는 방법도 있지만 모드를 바꾸기 위해 클릭할 때 범위를 button이 가지는 것보다 넓게 가져가고 싶었기 때문에 div에 추가하기로 했다

keyboard listener를 추가하고 role도 추가했다 그러니 다음과 같은 에러가 있었다

tabIndex를 추가해서 tabbable하게 만들어야 한다고 한다

참고

jsx-a11y/no-static-element-interactions: how to make span clickable
jsx-a11y/no-static-element-interactions