Next.js Link 내부의 a 태그 린트 오류

Question

Link 새 탭으로 여는 것과 관련해서 https://careerly.co.kr/qnas/928 글의 답변을 보고 작성했는데 이런 린트 오류가 뜹니다. ESLint: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. 코드는 답변 해주신 대로 작성했어요. 잘못된 부분이나 해결 방법이 있을까요?

이은재 · Answer

안녕하세요. 린터 오류 메시지 확인해보니 <a> 태그에 href 주소가 없어서 발생하는 것 같습니다.

린터를 비활성화 시키시던가, a 태그에도 Link와 동일하게 href 값을 추가해주면 될 것 같습니다. 만약 이동하시려는 링크가 외부 링크이면 굳이 Link 컴포넌트를 사용하지 않아도 괜찮아서 그냥 Link 컴포넌트를 없애시면 더 깔끔하게 작성할 수 있을 것 같습니다.