inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Next.js Part 1 - 기본기 다지기

Link태그와 useRouter

해결된 질문

236

___

작성한 질문수 2

0

혹시 Next.js에서 Link태그와 useRouter를 제공하고 있는데 서로 차이점이 있을까요??

이미지나 버튼이 있으면 거기에 onClick 달고 라우터 쓰고 있긴한데
이미지나 버튼에 링크를 감싸버리면 뭔가 이상할 것 같아서 어떤식으로 쓰면 좋을까요

<Link href="/" ><Image ... /></Link>
<Image ... onClick={()=>router.push("/")} />

firebase next.js tailwind-css react-query supabase

답변 1

1

로펀

안녕하세요 🙂 질문주신 내용에 답변을 드립니다.

Link 태그로 Image 태그나 Button 태그를 감싸셔도 괜찮습니다.

  • Link 태그 사용 -> a 태그를 생성, Client Side Routing 가능, SEO에 도움이 됨 (a 태그가 생기기 때문에 검색 엔진에서 인식 가능)

  • Router 사용 -> Client Side Routing 가능, a 태그 생성 X, SEO에 좋지 않음 (a 태그가 생기지 않는다)

화면상에 보이는 버튼들은 대부분 Link태그로 대체가 가능하실 거에요! 다만 routing을 다양한 URL로 해야하는 경우 등 다이나믹하게 라우팅을 처리해야 할 때만 useRouter를 사용하시는 것을 권장드립니다

0

___

감사합니다. 저도 처음에 Link만 사용하려다가 순간 궁금증이 있어 질문 드렸습니다.

Recoil 에러

0

70

1

투두 리스트 ui 작업 중에 material-tailwind가 리액트와 호환 문제가 있는지 리액트 19에서 18로 낮춰도 인풋과 아이콘 버튼 컴포넌트가 제대로 표시되지 않아요 ㅜㅜ

0

68

1

supabase 오픈 소스 사용에 대해서

0

83

0

next와 react query 버전 업데이트 관련 질문

0

62

1

Vercel 무료버전 서버속도

0

519

2

material 붉은 밑줄

0

107

2

파일 이름이 한글일 때 에러 발생

0

241

2

recoil 타입 에러

0

100

2

강의 code 올려논 github 있나요 ?

0

106

2

아니... 강의 자료가 없나요?

0

173

3

무한스크롤 기능, 검색기능 대소문자

0

100

1

smtp부분

0

85

2

모듈 에러

0

144

2

20:34초에 await이 아무 효과가 없다고 뜨는데 사용하신 이유가 궁금합니다

0

164

2

latest 버전 변경에 따른 프로젝트 설정 방식 업데이트 가능하신가요

0

151

2

개인 개발자 비즈 앱 전환 버튼이 안보여요

0

236

2

supabase에서 가입된 유저를 강제로 로그아웃 시키는 방법?

0

413

2

메세지를 전송하면 DB에는 남는데 화면에 보이지 않아요.

0

127

2

6:29 movie-card-list.tsx파일작성하시기전에

0

83

2

todolist할때 컴포넌트 분리 안했던 것 같은데...

1

132

2

vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 제거할 수는 없나요?

0

317

2

searchMovies에서 hasNextPage가 필요한 이유

0

133

2

react 19버전에서는 recoil사용이 어렵나요?

0

1481

2

netflix clone 할 때 recoil을 하는 순간 에러가 없어지지 않아요

2

310

3