inflearn logo
강의

Course

Instructor

Getting Started with Next.js (feat. Map Service Development)

next/link enhancement

a tag 질문 !

Resolved

327

bj2525

28 asked

1

안녕하세요 !
강의 중에 a tag를 감싸고 있는 컴포넌트를 만들경우라고 하셨는데 useRouter나 Link를 쓰게 되면 a tag를 굳이 안써도 되지 않을까 생각하는데 그럼에도 불구하고 a tag를 쓰는 경우가 있을까요?

seo next.js vercel csr ssg ssr

Answer 2

1

vroomfan

안녕하세요 질문 감사합니다.

말씀하신대로 nextjs v13부터는 <a> tag 대신 Link 컴포넌트를 사용할 수 있기 때문에 많은 경우 Link 컴포넌트를 사용해도 무방합니다! 하지만 외부 라이브러리에서 CustomAnchor와 비슷한 컴포넌트를 가져온다거나, 자체적으로 재활용성이 높은 컴포넌트를 작성하기 위해 기본 HTML element <a> tag로 컴포넌트를 작성할 수도 있습니다. 이런 경우 legacyBehavior prop을 함께 사용하게 됩니다.

감사합니다 :)

1

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

a 태그는 웹 페이지에서 다른 페이지로 이동하는 링크를 생성할 때 주로 사용됩니다. 일반적으로 useRouter나 Link를 사용해도 a 태그를 굳이 사용하지 않고도 페이지 이동을 처리할 수 있습니다.

하지만, a 태그는 다양한 기능과 속성을 활용할 수 있는 장점이 있습니다. 예를 들어, a 태그에 target=“_blank”를 추가하면 새 탭에서 링크된 페이지가 열리게 됩니다. 또한, a 태그에 href 속성을 이용하여 이동할 URL을 지정할 수도 있습니다.

따라서, 페이지 이동 이외에도 다른 기능을 사용하거나 속성을 추가하고자 할 때에는 a 태그를 사용할 수 있습니다.

다만, useRouter나 Link를 통해 페이지 이동을 처리하는 것이 일반적이며, 프로젝트에 따라 a 태그를 사용할지 결정하시면 됩니다.

추가로 필요한 정보가 있으시다면 언제든지 물어보세요. 좋은 하루 되세요!

API 라우터를 사용해야 하는 경우에 대해

1

150

1

키보드 어떤 거 사용하시나요

1

352

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

358

2

아주 기초적인 질문입니다.

1

322

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1170

2

수업을 듣다가 SSR에 관하여..

1

551

2

interface 와 type

1

376

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

384

1

onLoad함수 (script태그의 onLoad X)

1

426

1

dynamic에 대한 질문

1

447

1

SSR vs SSG

1

476

2

NoSSR 관련한 질문입니다:)

1

376

1

8분 20초 배포 관련

1

324

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2678

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

438

1

naver map 이 출력되지 않습니다.

1

481

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

264

2

Failed to load resource: the server responded with a status of 404 ()

1

1034

2

VSCode 익스텐션 궁금합니다.

1

356

1

상태관리 질문 있습니다!

1

449

1

swr에 대한 질문입니다. (용어 관련)

1

372

1

swr 질문입니다!

1

337

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

679

2

naver로고 important 값 주는 이유

1

366

2