-
[Next.js 14] Link나 a 태그 없이 외부 링크로 연결하기웹 개발/소소한 팁, 버그 해결 2024. 3. 24. 23:14
Link나 a 태그 없이 웹 내부의 다른 페이지로 가기 위해서 next/navigation의 useRouter()을 이용하면 된다.
const router = useRouter(); router.push('/main');
이때 기타 옵션을 정해줄 수도 있지만 일단 넘어가고, 외부 링크로 연결하는 경우를 살펴보자.
일반적으로 Link나 a 태그의 href 속성으로 외부 링크를 입력해주면 되는데, 개발하다보면 button의 onClick에 연결해야 하는 등의 상황이 있다. 그럴 땐 window.open()을 사용하자.
<button onClick={() => window.open("https://www.google.com")} />
끗~
'웹 개발 > 소소한 팁, 버그 해결' 카테고리의 다른 글
[Next.js] 설치된 패키지 삭제 / npm uninstall (0) 2024.06.02 [Next.js][React] 숫자 3자리마다 , 찍기 (0) 2024.05.08 [Next.js 14][React] API 두 번씩 호출되는 현상 [useEffect][Typescript] (0) 2024.03.22 [Next.js 14] 간단하게 화면 새로고침하기 (0) 2024.03.20 [Typescript] 변수 타입 확인 방법 [Javascript] (0) 2024.03.20