250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 내배캠 프로젝트
- useState
- useEffect
- 파이썬 딕셔너리
- 파이썬 반복문
- 한글 공부 사이트
- 내일배움캠프 프로젝트
- 프로그래머스
- 타입스크립트
- 파이썬 for
- 리액트
- 파이썬 enumerate
- 코딩테스트
- 내일배움캠프 최종 프로젝트
- 타입스크립트 리액트
- Next 팀 프로젝트
- typeScript
- React Hooks
- 파이썬 replace
- REACT
- 파이썬 slice
- 타입스크립트 props
- 자바스크립트
- JavaScript
- tanstack query
- 리액트 프로젝트
- 리액트 공식문서
- 리액트 훅
- 내일배움캠프
- 파이썬 for in
Archives
- Today
- Total
목록리액트 useNavigate (1)
sohyeon kim
[React] Link, Navigte, useNavigate 차이
💡 각각 언제 쓰면 좋을지 알아보자. 🌐 Link 클릭해서 페이지를 이동하도록 할 때! 텍스트나, 버튼, 이미지 등에 사용한다. 홈으로 가기 🌐 Navigate 특정 경로에서 렌더링 시점에 다른 페이지로 이동시키고 싶을 때! 회원 전용 페이지에 로그인 없이 들어와서 로그인 페이지로 리다이렉트 하는 경우 상품 상세 페이지에서 상품이 품절되었거나 삭제되어서 다른 페이지로 이동시키는 경우 if (!course) return ; 🌐 useNavigate 특정 코드의 실행이 끝나고나서 페이지를 이동시키고 싶을 때! 장바구니 담기를 눌렀을 때 리퀘스트를 보내고, 장바구니 페이지로 이동시키는 경우 결제하기 버튼을 누르고 나서 모든 결제가 완료된 후, 페이지를 이동시키는 경우 리다이렉트된 로그인 페이지에서 로그인을 완..
React
2024. 2. 23. 17:05