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 | 29 | 30 | 31 |
Tags
- multiline
- 프로그래머스
- 중첩함수
- JavaScript
- 17681
- 나를부르는숲
- client-side-rendering
- 동적언어
- 72410
- 리액트네이티브
- reactnavigation
- textinput
- 옵셔널
- beforePopState
- 약타입
- ReactNative
- 약타입언어
- 함수형프로그래밍
- 데이터타입함수
- next.js
- replacingOccurrences
- Server-Side-Rendering
- lineending
- switch구문
- ios
- reactnative android
- 비반환함수
- 스위프트
- SWIFT
- DelayInput
Archives
- Today
- Total
목록beforePopState (1)
으니의 개발로그
[Next.js] 브라우저 뒤로가기 동작을 제어하고 싶을때 (feat. router.beforePopState)
What I wanted 회원탈퇴 페이지에서 비밀번호 인증을 한 뒤 페이지 내에 있는 링크를 통해 다른 페이지로 이동했다가 뒤로가기 동작으로 회원탈퇴 페이지에 돌아왔을 시 비밀번호 인증 된 페이지를 보여주고 싶음 해결방법 회원탈퇴 페이지에서 A페이지로 이동할때 isCheck=true 라는 파라미터를 넘겨주고 뒤로가기 클릭 시 그 때 받은 파라미터를 다시 넘겨주는 것으로 해결했다. 밑의 코드는 A페이지에 작성한 코드이다. // 회원탈퇴 페이지 const onClickGoAPage = useCallback( () => router.push( { pathname: '/a', query: { isChecked: true }, }, '/a', ), [router], ); // A 페이지 useEffect(() =..
Front-end/Next.js
2023. 7. 27. 13:29