# router

8개의 포스트

React Router History : push와 replace의 차이점

Home > Item > Login > Item 순으로 페이지를 이동했을 때Home > Item > Login > ItemHome > Login > Item

2일 전
·
0개의 댓글

(TIL 19일차) React Native (2)

React Native 라우팅방식 modal

4일 전
·
0개의 댓글

(TIL 14일차) React (3)

React Router

2020년 2월 11일
·
0개의 댓글

react Router history

History 홈페이지를 뒤로 가기 하거나 뒤로 간 상태에서 앞으로 가기 등을 할 수 있는 이유는 히스토리가 남아있기 때문임 goBack()을 하면 뒤로가고 goForward()를 하면 앞으로, push()를 하면 정해진 url로 갈 수 있게 됨 Link로 어떤 url을 호출하게 되면, 해당 url로 이동시 렌더링 된 component에는 아무런 파라미...

2020년 2월 8일
·
0개의 댓글

React Router: 파라미터와 쿼리

1. 개요 페이지 주소를 정의 할 때, 우리는 유동적인 값을 전달해야 할 때도 있습니다. 이는 파라미터와 쿼리로 나뉘어질 수 있는데요: 파라미터: /profiles/velopert 쿼리: /about?details=true > 일반적으로는 파라미터는 특정 id 나 이름을 가지고 조회를 할 때 사용하고, 쿼리의 경우엔 어떤 키워드를 검색하거나, 요청을 할 ...

2020년 1월 3일
·
0개의 댓글

React Router: router, link

1. Route: 특정 주소에 컴포넌트 연결하기 사용자가 요청하는 주소에 따라 다른 컴포넌트를 보여줘보겠습니다. 이 작업을 할 때에는 Route 라는 컴포넌트를 사용합니다. >`` 예제 > exact 라는 props 를 true 로 설정하면 경로가 완벽히 똑같을때만 컴포넌트를 보여주게 됩니다. 2. Link: 누르면 다른 주소로 이동시키기 Link ...

2020년 1월 3일
·
0개의 댓글

React 개발환경 세팅하기 - 2. React Router 설치

React 프로젝트에 Router 설치 방법 1. 터미널을 킨다. 2. Router 설치를 희망하는 React프로젝트의 디렉토리로 이동한다. 3. 입력한다. 4. 설치한 React 프로젝트 디렉토리를 열어 package.json 파일에 "dependencies" 중 "react-router-dom" 이 있는지 확인해 본다. 끝! +Router 활용해...

2019년 11월 3일
·
0개의 댓글

[next.js] Router를 통해 props 기능 구현

우선 props를 보낼 곳에서 Router를 import 합니다. button을 이용해 해당 파일 경로와 보내고 싶은 props를 query형태로 보내줍니다. button의 모양은 대략 이렇게 생겼습니다. SendQuery 함수의 형태입니다. query를 받는 곳(/pages/register)에 { useRouter }를 import 합니다. re...

2019년 10월 22일
·
1개의 댓글