# useHistory
history.push() 로 이전 검색 결과 구현하기
취업하고 처음 쓰는 첫 글이다!회사 코드를 작성하면서 '이전 검색 결과' 기능을 구현해야 했다.간단하게 history.goBack() 으로 이전페이지로 돌아감으로써 이전 검색 결과를 구현할 수도 있지만 그렇게 간단하지만은 않았다.예를 들어 '토마토'로 검색해서 관련 검

<Redirect>가 안될 때 history.push({state:})를 사용해보자 - 로그인 후 원래페이지로 이동하기
내가 기록한 코드는 다른 내용도 조금 엮여있는데,로그인 후 페이지 리다이렉트 시키실 분은 빨간 글씨만 봐주시면 될것 같다. 사실 react-router-dom 의 <Redirect> 를 사용하려 했으나, 왜인지 작동하지 않아서 react-router-dom
React Router / useHistory
React Router설치 : npm install react-router-dom@5index.js파일에 import { BrowserRouter } from 'react-router-dom' 입력App컴포넌트의 위 아래를 로 덮는다BrowserRouter를 HashR

[KDT]FCFE - 8주3일 React Practice
: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc
React Router의 history (useHistory Hook)
history를 통해서 React 프로젝트에서 뒤로가기, 앞으로가기와 같은 기능을 쉽게 구현할 수 있다. useHistory라는 Hook을 이용하면, 더 유용하게 이를 구현할 수 있다.

[React] useHistory() 사용하여 페이지 뒤로가기
useHistory()를 사용하기 전에 react-router가 설치되어 있어야 한다.📌 react-router 시작하기1) useHistory를 import한다.2) 변수를 하나 생성해서 useHistory 함수를 담는다.이제 history라는 변수에 페이지 방문
React-Router.2 Hooks
react-router-dom 5.1v 부터 3가지의 hooks을 제공합니다.설치는 이전과 동일합니다.터미널에 react-router-dom 설치 1\. yarn add react-router-dom2\. npm install react-router-domuseHist

React Router dom의 유용한 hooks들 📃
안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다.

[Mini Project] Monster - Funtion
✅ 간단한 레이아웃 생각해보기 ✅ usehistory ✅ useEffect , deps✅ useParams API GETSearchBox onChange data state 관리Data && SearchData Filtering Props전달Card들을 맵핑해
react-router-dom
import { useHistory } from "react-router-dom"; 사용 const { history } = this.props; 사용