[TIL] 노마드코더 nextJS - 3 / Invalid <Link> with <a> child 에러 / title error

이미지는 public에 넣으면 되고 그 안에 있으면 ../public/파일명 이렇게 안하고 바로 /파일명 이렇게 쓰면 됨 이렇게 이미지가 깨지는데 이미지 경로를 위에 설명처럼 넣어보면 이미지가 잘 나오는걸 확인할 수 있다.

참고로 지금 Next.JS 13버전이 나온 상황에서 강의에서처럼 이렇게 링크 안에 에이태그를 쓰면 에러를 뱉어주는데 link는 a로 렌더링 되므로 a태그가 유효하지 않다고 한다. 해결법도 친절하게 알려주는데 a태그를 지우거나 Link 태그 안에 legacyBehavior를 추가하라고 한다 legacyBehavior 를 추가하고 나니 잘 작동되는 모습을 볼 수 있다.

(근데 내거는 왜 이 경고메세지가 안뜨지...) 쩄든 Next JS는 내장되어있는 Image 태그를 사용해야 되는데 지금.....