Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- pull
- 컬러구성
- javascript
- 공부
- hot Reloading
- typescript
- merge
- list.map
- react
- 리액트를 다루는 기술
- equalityFn
- Git
- redux
- rebase
- 리덕스
- CSS
- 가상회선교환
- php문법
- 웹
- useState
- 비동기처리
- 자동반영
- 리액트
- createPortal
- useCallback
- async
- Kotlin
- 리사이클러뷰
- await
- list
Archives
- Today
- Total
목록RouterDOM (1)
공부블로그
리액트 Router DOM 사용하기
▶ Routing : URL에 따라서 적당한 콘텐츠를 전송해주는 것 BrowserRouter는 최상위 컴포넌트를 감싸주어 BrowserRouter를 사용가능하도록 해준다. url에 따라 달라져야하는 컴포넌트에 Route로 감싸주고 path지정 Link : 페이지가 바뀌지 않고 링크로 이동 NavLink : 클릭 시 해당 a태그에 active class생성 => css의 .active로 스타일 변경가능 ◎ 기본 작업 create-react-app 을 통해 새로운 프로젝트를 생성하고 npx install react-router-dom 을 통해 라우팅 도구 설치 후, import { BrowserRouter, Route, Switch, Link, NavLink ,..
리액트/리액트 공부
2021. 8. 1. 02:27