230104 TIL useNavigate, useLocation

아직 뼈대 작업중이다 ㅋㅋㅋ

내일 한 페이지 남은거 완료하고 디자이너님이 디자인 몇페이지 주신댔으니 그걸로 view작업 더 하면 될 것 같다.

내일도 아마 하루종일 css작업 할 것같고, 시간이 나온다면 api작업도 해보고싶다.

메인페이지에서 camps를 get하는 요청이 되지 않았다.

404에러가 떴는데 이건 내일 한번 확인해봐야할 것 같다.

피곤해 죽겠다.

중간중간 쉬더라도 확실히 늦게까지 하다보면 집중력이 떨어질때가 오는데 난 그게 새벽2시이다.

딱 3시까지만 집중력이 유지됐으면 좋겠는데....

내일 몬스터음료도 사놓고 한번 달려봐야겠다.

너무너무 힘든데, 또 너무너무 재밌다.

---

오늘 useNavigate의 다른 능력도 알게되었다. 평소에는 그저 이동하는 툴로 사용했는데, 원하는 데이터도 이동하는 페이지로 보낼 수 있었다!

onClick(() => {
  navigate('/', {state : { dateState : dateObj } } )
});

이렇게 state에 담아 원하는 키와 밸류를 보낼 수 있다! 여러개도 보내기 가능!

 

받는 곳에서 state에 담긴 요소들의 타입을 지정해주면 자유롭게 사용이된다!

const location = useLocation();
  const state = location.state as {
    dateState: {
      startday: any;
      endday: any;
      representStart: string;
      representEnd: string;
    };
  };