[ToyProject-Todomate] 투두메이트 클론 프로젝트 08

---

🔷 CloneTodo ☑ - Todomate Clone Project  |  Team CloneMate

 

CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트

 

---

 

아까까지 작성한 글을 전부 날리고 슬픔에 휩싸였다.

 

 

지금까지 한 것은 저번에 만든 회원가입, 로그인 버튼에 이동 하는 기능을 연결하는 것이다.

간단하게 라우터를 이용하면 쉽게 해결할 수 있을 줄 알았는데, button에 onClick으로 이벤트를 생성하려고 했더니  

Link to 로는 안된다고 해서 useHistory를 이용하고 있었다.

 

우선 라우터를 사용해야 하는데 이 부분은 별도로 설명을 하지 않고 (썼는데 날라가서 의욕 잃음)

참고했던 블로그의 주소를 첨부한다.

 

가장 중요한건 useHistory를 사용하려고 했으나!

최신 버전의 리액트에서는 useHistory를 사용하지 않고 useNavigator를 이용한다고 해서!

(망할 프론트엔드의 빠른 변화와 흐름!)

useNavigator를 사용하는 법을 확인하고 적용해보았다.

 

useNavigate tutorial React JS

react-router :: 1장. 리액트 라우터 사용해보기 | VELOPERT.LOG

 

[ React ] 리액트 라우터 React-Router

 

 

근데 계속 'useNavigate() may be used only in the context of a <Router> component.' 이라는 오류 때문에 아무것도 못하고 있다. ㅠㅠ