# useNavigate
[Challenge] useRouter hook 만들기(with. react-router)
window.location은 종종 사용했는데 .pathname은 뭘까? 이름만 봤을때는 현재의 라우팅 위치를 가져오는 것 같다.
조금조금 REACT, Router
SPA 싱글페이지 어플리케이션인 리액트에 다중페이지 효과를 주는 Router와 Router와 관련된 HOOK에 대해서 알아보자.
useNavigate()로 데이터 전달하기
useNavigate를 경로 이동 시에만 사용했던 과거의 나..🥲물론 잘못된 것은 아니지만 useNavigate를 데이터를 전달하는 목적으로도 사용하여 조금 더 효율적으로 코드를 작성할 수 있다는 사실을 배웠다.useNavigate()를 기존에 사용했던 방식(예시)u
230217 팀프로젝트 9
오늘은 게시글 불러오는 함수를 작성했다. 다른 예시들을 쳐보았을 때 여러 방법들이 있었는데, 이전에 수업들을 통해서 대부분의 동기들이 snapshot을 사용하는 것을 보았다! 따라서 나도... 코드를...쌔벼서...진행했다...:)ㅎㅎㅎㅎ
React - useNavigate, useLocation state null 오류 해결
2023.02.14(화) 1차 프로젝트 진행 중navigate 함수를 호출해서 두개의 파라미터(이동경로, 전달할 데이터)를 넣어 전달한다.버튼의 onClick 이벤트 발생 시 데이터를 전달하는 convey() 기능이 발동된다.location 함수를 호출해서 naviga
[Next.js] link, useRouter 라우팅 방식
이번 React 사이드프로젝트에 적용시켜본 Next.js를 하며 느꼈던 차이는 우선 라우팅하는 방식이었다.Next.js는 pages폴더 내부의 폴더or파일명이 자동으로 path가 설정되기 때문에 처음엔 당황하였지만 전에 React프로젝트에서 Routes, Route,
[react] 맨날 하는 react-router-dom @v6 초기 세팅
맨날해도 맨날 헷갈리는 react-router-dom 초기 셋팅! @v6으로 제대로 해보자!
React-Router-Dom v6 (hook 사용)
유튜브 클론코딩에서 사용한 useLocation, useNavigate, useParams에 대한 내용.
[React] 뒤로가기
리액트로 투두를 만들던 도중,뒤로가기를 할 수 없다는 사실을 깨달았다. 오매?당연히 될줄알았는데... 아니였다!! 😱어떤 동작을 해도 react-router-dom을 통해 쿼리를 설정해 놓지 않는 한은 url이 바뀌지가 않는다.흠.사실 뒤로가기를 내가 스택을 사용해서
[Today I Learned] 12월 2주차 day2
src폴더 하위에 pages폴더 생성 후 페이지별 파일 생성shared라는 폴더를 만든 후 그안에 Router.js파일을 생성App.js에 가서 Router파일 import 하기사용자가 현재 머물러있는 페이지에 대한 정보를 알려주는 hooks이다.객체 형식으로 보여주기
[React-Router-dom-v.6] useNavigate로 props 전달하기 (Querystring 포함)
토이 프로젝트 진행 중 router를 이용해서 Link to가 아닌, 특정 상황에서 input button을 클릭해서 fetch된 데이터를 전달해야하는 경우가 생겼다.useNavigate를 사용해서 가공된 데이터를 state로 보내준다.state로 받아온 데이터는 st
useNavigate()
◾ Link가 a 태그와 같이 클릭 시 특정 주소로 이동해주는 태그라면, useNavigate는 양식이 제출되거나 특정 행동을 하면 페이지 이동을 할 수 있는 "함수를 반환"하는 훅◾ 특정 조건을 충족할 경우에 페이지 이동이 가능하다.◾ index를 사용하여