# useMatch

4개의 포스트
post-thumbnail

Routing 관련 유용한 React Hooks 2가지

개인적으로 React에서 라우팅을 할 때 요긴하게 쓸 수 있는 Hooks 2가지를 소개 해보겠습니다. useLocationuseMatch우리는 보통 리액트에서 브라우저의 URL에 따라 Route 해주고또 클라이언트의 URL 경로를 UI로 지정해 주기 위해 Link를 사

2022년 10월 2일
·
0개의 댓글
·
post-thumbnail

React Query

리액트에서 API를 호출하여 화면에 뿌리는 것을 만드려면 간단하게 해도 state는 최소 2개가 사용되고 (data 저장용, loading 체크용 state) + fetch 함수 작성까지 > 코드가 꽤 길어지고 가독성이 떨어지게 된다. 그리고 만약 페이지 첫 방문시에

2022년 10월 2일
·
0개의 댓글
·

[React] react-router-dom

react-router-dom은 웹에서 페이지 이동 기능을 구현하기 위한 라이브러리이다. Routing이란 네트워크간 데이터 전송의 최적 경로를 선택하는 과정이다. 여기서 최적 경로는 최단거리가 될 수도 있고, 가장 빠른 시간에 전달하는 것으로 계산될 수도 있다.Rou

2022년 6월 12일
·
0개의 댓글
·

Nested Routes, useMatch, ReactRouterDomV6

Nested Route 설정 = 자식 Route들을 부모 element의 Outlet으로 위치 지정 http://localhost:3000/btc-bitcoin/price http://localhost:3000/btc-bitcoin/chart * Coin.tsx*

2022년 5월 13일
·
0개의 댓글
·