Link태그와 useRouter
혹시 Next.js에서 Link태그와 useRouter를 제공하고 있는데 서로 차이점이 있을까요??
이미지나 버튼이 있으면 거기에 onClick 달고 라우터 쓰고 있긴한데
이미지나 버튼에 링크를 감싸버리면 뭔가 이상할 것 같아서 어떤식으로 쓰면 좋을까요
<Link href="/" ><Image ... /></Link><Image ... onClick={()=>router.push("/")} />
답변 1
1
안녕하세요 🙂 질문주신 내용에 답변을 드립니다.
Link 태그로 Image 태그나 Button 태그를 감싸셔도 괜찮습니다.
Link 태그 사용 -> a 태그를 생성, Client Side Routing 가능, SEO에 도움이 됨 (a 태그가 생기기 때문에 검색 엔진에서 인식 가능)
Router 사용 -> Client Side Routing 가능, a 태그 생성 X, SEO에 좋지 않음 (a 태그가 생기지 않는다)
화면상에 보이는 버튼들은 대부분 Link태그로 대체가 가능하실 거에요! 다만 routing을 다양한 URL로 해야하는 경우 등 다이나믹하게 라우팅을 처리해야 할 때만 useRouter를 사용하시는 것을 권장드립니다
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