Recent Posts
Recent Comments
Archives
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 |
Tags
- 오블완
- 내일배움캠프
- nextjs
- useRouter
- CORS
- domain
- 프로젝트 셋팅
- vscode
- 모던자바스크립트
- 모던 자바스크립트
- Next
- deep dive
- 코드카타
- 자주 까먹는
- 프로그래머스
- 스파르타코딩클럽
- 리터럴
- React
- 초기셋팅
- 티스토리챌린지
- 코테
- 소셜 로그인
- git
- vercel
- js
- 코딩테스트
- 셋팅
- error
- 구글 로그인
- array정적메서드
- Today
- Total
목록2024/09/11 (1)
파피루스
[React] useRouter 내장 함수 (push, replace, back, reload)
페이지 방문 순서를 history stack에 저장한다. 내장 함수push : 새로운 URL 추가replace : 현재 URL을 새로운 URL로 교체back : 뒤로가기 reload : 새로고침 (히스토리 스택에 영향 없음) router.replace의 사용 예시 로그인 페이지에서 사용자가 정상적으로 로그인을 완료했을 때, router.push 가 아니라 router.replace를 쓰곤한다.뒤로 가기 버튼으로 다시 로그인 페이지에 다시 접근하는 것을 막기 위함이다. history stack 의 데이터에 접근하는 방법은? 없다. stack 자체를 조회할 수 없기에 각각의 페이지 이동 시 push가 맞는지 replace가 맞는지 적절히 잘 쓰는 것이 좋다.로그인 페이지가 n개의 단계로 페이지 이동하면서 ..
React
2024. 9. 11. 14:12