Navigate 와 useNavigate 는 다르다.

 

 

useNavigate

---

예를 들어 우리가 버튼을 만들었다.

이 버튼은 홈페이지 메인으로 갔으면 하는 버튼이다.

그러면? useNavigate를 사용해서 내가 원하는 페이지 경로를 적어주면된다.

 

주의 :  const navigate =  useNavigate()를 사용해서 변수에 담아서 써야 한다.

 

즉 , navigate ( '/ main ' ) 이렇게 변수를 함수처럼 사용이 가능하다.

 

 

 

---

 

Navigate

---

그럼 Navigate는?

리다이렉트 , 즉 튕겨낼 때 사용하는 것이다.

로그인해서 보이는 페이지가 있을 것이다. 이 공간은 프라이빗 할 것 이다.

만약 우리가 로그인을 안하고 그 프라이빗한 공간을 볼 수 있나? 아니다.로그인을 안하고 그 경로를 타고 들어갈 경우 

우리가 지정한 메인페이지로  보내주는것이 리다이렉트 페이지이고

 Navigate to = "/main" 이렇게 지정해 주면 된다.