Per ardua ad astra.

navigate와 replace 메서드의 차이 (react-navigation)들어가며리액트 네비게이션(React Navigation)에서 @navigate@ 메서드와 @replace@ 메서드의 차이를 간단하게 정리해본다. 차이navigate 메서드기능새로운 화면을 스택(Stack)에 추가한다.현재 화면 위에 다른 화면을 쌓는(push) 방식이다. 결과이전 화면으로 뒤로 가기(back) 할 수 있다.뒤로 가기 버튼(←)이 자동으로 생긴다. (Stack Navigator 기준) 사용 예시navigation.navigate('Signup'); replace 메서드기능현재 화면을 새 화면으로 교체(replace)한다.이전 화면을 스택에서 제거하고, 새 화면으로 바꾼다. 결과이전 화면으로 뒤로 가기 할 수 없다..

라우팅 관련 기능들 정리 (React Router) : useNavigate, useNavigation, redirect, useLocation, useParams, useHistory, Navigate들어가며리액트(React.js)에서 라우팅을 위해 사용되는 관련 기능들에 대해 간단하게 정리해본다.페이지 이동 및 라우팅을 위해 리액트 라우터(React Router)의 여러 훅과 컴포넌트, 함수들을 사용할 수 있다. ① useNavigate()개념리액트 라우터(React Router) v6 에서 제공하는 훅프로그래밍적으로 다른 경로로 이동하기 위해 사용된다.컴포넌트 내에서 버튼 클릭, 이벤트 발생 시 특정 페이지로 이동할 때 사용한다. 특징@push@와 @replace@를 설정할 수 있어 히스토리에 추가..