HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
💟
지은팀 Programmers Study
/
🚀
지은 1팀
/
🚥
라우터
/
👼
라우팅 사용법
👼

라우팅 사용법

 
<Link></Link> VS history
history가 사용하기 더 편할 것 같습니다
 
import { useHistory } from 'react-router-dom';
const history = useHistory();
notion image
 
 
클릭 이벤트 걸어서 사용하시면 됩니다
const handleClickSignUpButton = () => { history.push('/signup'); };
onClick={() => { history.goBack(); }}>
 
 

 

채팅 모달

  • 뒤로가기 아이콘 history.goBack()
(뒤로가기 아이콘은 base컴포넌트에 만들어놓은 BackButton컴포넌트로 대체해도 될 것 같습니다)
notion image
 
 

카드 생성 모달

  • 취소하기 버튼 history.goBack()
  • 생성하기 버튼 → 팝업창 → 확인 history.push('/cards/my')
notion image
 

 
 

빈 카드 컴포넌트

history.push('/card/create')
notion image

연필 아이콘

history.push('/card/update:cardId')
notion image
 
 

 
 

로그인 페이지

  • 입장하기 버튼 → 팝업창 → 확인 history.push('/')
  • 가입하기 버튼 history.push('/signup')
notion image
 
 

 

회원가입 페이지

  • 가입하기 버튼 → 팝업창 → 확인 history.push('/'); or history.push('/login');
가입되고 로그인 자동으로 되게 할지?
로그인페이지로가서 로그인하게할지?
notion image