[youtube] useNavigate(), useLocation(), 유튜브 끝

 

useNavigate()를 통해 전달하고자 하는 것을 param으로 전달할 수 있다.

const navigate = useNavigate();

<li
        onClick={() => {
          navigate(`videos/watch/${video.id}`, { state: { video } });
        }}
      >

이렇게 하면 video를 넘겨줄 수 있다. 

 

+ `/videos ... (절대경로) 안 하고 위에처럼 `videos/ ... 하면 현재 경로에 저걸 추가하게 된다. 원하는 결과랑 다르게 나올 수 있음~

 

 

 

받는 곳에선 이렇게 받는다.

const {
    state: { video },
  } = useLocation();

 

---

네이버 메모는 잘못눌렀다ㅎㅎ... 

 

<section> <article> 태그

리스트로 나오는 것들엔 <ul> <li> 쓰기 

신기한 <pre> 태그!!! 

 

axios 이용하는 것부터 잘 못따라갔다. 

갑자기 메이플하고싶네 

 

tailwind도 제대로 못 썼다. css 거의 제대로 못한것같아,,, 

왜케 투두에 비해 기운이 없지. 폰트가 귀여운 게 아니라서 그런가...