tab key를 눌렀을 때 버튼으로 포커스 되는 것 방지하기

example.html

<input type="text" />
<button tabindex="-1">나는 탭 키를 눌러도 포커스 되지 않지.</button>
<button>나는 탭 키를 누르면 포커스 되지...</button>
<input type="text" />

example.tsx

<button
  type="button"
  tabIndex={-1}
>

• 입력폼 같은걸을 작성할 때, tab 키로 다음 칸을 넘어가서 작성하는 경우가 있는데,
• tab 키는 기본적으로 button에도 포커스가 간다
• 포커스가 가지 않도록 해보자

참고

• https://stackoverflow.com/questions/2757973/can-i-ignore-some-website-element-when-navigating-using-the-tab-key