맛동산이

리액트를 다루는 기술을 참고하여 기술하였습니다.useNaviagete()navigate의 사용방법은 다음과 같다.const naviagte= useNavigate(); 이후 navigate()를 이용해서 이동할수 있다. 예를들어 {navigate(1)}}>HomeonClick={()⇒{naviagte(’http::// 어쩌고저쪼고 이동할 주소’)}1은 앞으로 한페이지-1은 뒤로가기 이다.즉 현재 존재하는 버튼이나 글에다가 다양하게 이동할때, 동작하는 함수를 만들기 위해서 useNaviagte를 사용한다. 404페이지 만들기404페이지는 오류 페이지를 의미한다.Route path="*" *은 이외에 모든 페이지를 의미한다. 즉 없는 페이지를 접속하게 되면 없는페이자고 하면된다. Nested Routes(중..

리엑트에서는 두가지 방법을 통해서 새로운 페이지로 이동할수 있는데 방법은 아래와 같다. Link useNavigate 얼핏보면 둘다 결국은 다른페이지로 가기 위해서 주소값을 반환해주는 것이라고 생각할수 있지만, 큰 차이점이 존재한다. 바로 useNavigate는 함수라는것. 사용법에 앞서서 먼저 라이브러리를 설치해야한다 npm install react-router-dom --save Link 회원가입 이렇게 하게 되면 회원가입이라는 글에 링크가 걸리게 되고 누르게 되면 /home으로 이동하게 된다.html에서 a 태그와 거의 동일. 해당 url을 통해서 이동하게된다. 링크를 사용하기 위해서는 라우터 혹은 컴포넌트에서 바로 이동할수 있게 한다. useNavigate function Login(){ cons..