티스토리 뷰
React-Router
페이지간의 이동에서 사용된다.
설치
npm install react-router-dom --save
# 여기서 왜 -- save 붙이는가 ?
package.json 의 dependecies 안에 모듈이 추가된다.
만약 다른 프로젝트에 package.json 을 옮겨 npm install 하게 되면 dependencies 내의 모듈을 자동으로 설치해준다.
꼭 필요한 모듈을 -- save 명령어와 함꼐 설치하게 되면 다른 프로젝트 시작할때 npm install 한 번으로 필요한 모듈을 한번에 설치할수있다.
-> npm version 5 부터는 기본값이라서 굳이 쓸 필요 없음.
exact 역할
- <Route path="/users" component={Users} />
- <Route path="/users/create component={Createuser} />
exact가 없다면 /users 로 이동했을때 Users 컴포넌트로 가는데
/users/create 여기로 갓을때도 Users 컴포넌트로 가게 된다.
원래는 CreateUser로 가야하는데 Router가 부분적으로만 닮아도 같은거라고 인식해 처음보는 Route의 컴포넌트로 이동한다.
그 부분을 없애기 위해서 exact 를 넣어주는 것이다.
※ 출처
'JavaScript & TypeScript' 카테고리의 다른 글
TypeORM synchronize true 시 이전 table 까지 생성 문제 (2) | 2021.12.26 |
---|---|
axios (0) | 2020.12.13 |
create-react-app :: NPM, NPX (0) | 2020.12.13 |
React - LifeCycle API (0) | 2020.11.24 |
React - 시작하기 (0) | 2020.11.23 |
링크
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 프로그래머스
- 프로그래머스 SQL
- js promise
- js api
- 김영한 JPA
- 백기선 스터디
- java
- 패스트캠퍼스 컴퓨터공학 완주반
- HTTP 완벽가이드
- 이펙티브자바 아이템59
- 가상 면접 사례로 배우는 대규모 시스템 설계 기초
- JS 딥다이브
- 모던자바스크립트
- 김영한 http
- 드림코딩
- 킹수빈닷컴
- JPA 연관관계 매핑
- ㅇㄷㅇㅈ
- 이펙티브자바 아이템60
- HTTP 완벽 가이드
- 이펙티브자바 스터디
- REST API
- dreamcoding
- GCP
- 백준
- js array
- 이펙티브자바
- Spring Security
- BOJ
- http
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
글 보관함