| 일 | 월 | 화 | 수 | 목 | 금 | 토 | 
|---|---|---|---|---|---|---|
| 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 | 
                            Tags
                            
                        
                          
                          - 자바스크립트
- 리덕스
- 코린이
- react
- 코딩독학
- async
- CSS
- 사용하는 이유
- scss
- 프론트엔드
- html기초
- 참조자료형
- 코딩공부
- 타입스크립트
- useEffect
- Vue3
- react-router
- 깃
- 코딩초보
- JavaScript
- TypeScript
- redux
- 리액트 네이티브
- http
- 비동기
- React Native
- SasS
- 리액트
- git
- 코딩기초
                            Archives
                            
                        
                          
                          - Today
- Total
목록useLocation (1)
맨 땅에 프론트엔드 개발자 되기
 React Router v6 자주 쓰는 훅(hook) 정리
      
      
        React Router v6 자주 쓰는 훅(hook) 정리
        React Router는 리액트의 라우팅 관련 라이브러리들 중에서 가장 오래됐고, 가장 많이 사용되고 있다. v6로 업그레이드 되면서 React Hooks 를 기반으로 한 React Router Hooks 들이 추가되었다. 쿼리스트링 파서(parser)를 따로 설치하지 않아도 될 정도로 편리한 기능들이 있어서 정리해보려고 한다. 기본 설치 $ npx creat-react-app react-router-practice $ npm i react-router-dom 프로젝트에 라우터 적용 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import { BrowserR..
        코딩 공부 일지/React JS
        
        2022. 10. 11. 17:09