# react router

10개의 포스트
post-thumbnail

Github Page로 React SPA 배포하기 (ft. React Router)

Github Page로 React SPA를 배포해봅니다. 그거 쉽지 않냐고요? 과연, 그럴까요...

7일 전
·
3개의 댓글

a 태그의 함정

react에서 a 태그를 쓰면 안되는 이유

2020년 6월 17일
·
0개의 댓글
post-thumbnail

React Router

install npm react-router-dom 을 입력하고 import 한다.react-router-dom을 적용하고 싶은 컴포넌트의 최상위 컴포넌트에 감싸주는 Wrapper 컴포넌트로서의 역할을 한다.위의 모습처럼 최상위 컴포넌트인 App컴포넌트를 감싸주면 Ap

2020년 6월 5일
·
0개의 댓글
post-thumbnail

GraphQL React + Apollo Tutorial - 5. 라우팅

GraphQL과 Apollo를 `react-router 4`와 함께 사용하여 페이지 이동을 구현하는 방법을 배웁니다. 각 라우팅은 `Link`로 표현됩니다.

2020년 5월 7일
·
0개의 댓글

Hooks - 동적 라우팅

useParams,useHistory,useLocation

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

react Route

React Route yarn 먼저 react Route를 사용하려면 을 설치해줘야 한다.

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

React-Router?

리액트는 SPA(Single Page Application)로 구성되어 있습니다. 그래서 페이지 전환이 파일로 이동하는 것이 아닌 한 페이지내에서 컴포넌트를 변경하는 방식입니다. React-Router란 리액트의 페이징 처리를 도와주는 라이브러리입니다. React-Router는 설정된 url에 따라 컴포넌트를 변경해줍니다. 참고 - ,

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

React 개발환경 세팅하기(without CRA) - 3. React 설치하기

react, react-dom 설치 router 추가 설치시 src/index.js 폴더에 리액트 삽입 npm start 로 확인

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

Create React App: React Router, Redux Saga, and More

Bruno Krebs님의 글을 보고 실습하면서 작성한 글입니다. 처음 공부하고 있어서 부족하거나 잘못된 정보가 있을 수 있습니다. (2019.10.28 월) 조금 더 자세히 알게 되거나 수정할 부분이 있으면 바로바로 수정하겠습니다. 전제 조건 Node.js 와 NPM 설치를 해야한다. Node.js Download 만드려는 것 매우 간단한 To-...

2019년 10월 31일
·
2개의 댓글

React-Router 간단한 사용법

사전 준비 npx create-react-app react-router src 폴더 안에 Components, Screens 폴더 생성 Components 폴더에 App.js 이동, Routes.js와 Header.js 생성 Screens 폴더에 Lionking.js, Aladin.js, Spiderman.js생성 스크린샷 2019-08-28 ...

2019년 8월 28일
·
1개의 댓글