일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- ?? #null병합연산자
- 문제해결
- debouncing
- react
- vite
- DOM
- CustomHook
- 제어컴포넌트
- 화살표2개
- transition
- 함수형프로그래밍
- 부모요소의 패딩 무시
- 리액트
- 서초구보건소 #무료CPR교육
- 조건부스타일
- QueryClient
- parent padding
- accordian
- twoarrow
- BlockFormattingContext
- BFC
- es6
- alias설정
- Carousel
- ignore padding
- tailwindCSS
- 이즐 #ezl #욕나오는 #교통카드
- useQueryClient
- createPortal
- 부모패딩
Archives
- Today
- Total
목록2025/03 (1)
프론트엔드 첫걸음
[React Router] useBlocker 이해하기
개요사용자의 입력을 요구하는 서비스에서는 화면을 떠날 때 '떠나시겠습니까?' 를 묻는 경우가 있다.이 때 useBlocker를 잘 사용하면 더 좋은 코드를 작성할 수 있을것이다.useBlocker란?useBlocker는 React Router에서 네비게이션 차단 기능을 제공하는 훅이다.사용자가 페이지를 이동하려 할 때 특정 조건이 충족되면 네비게이션을 차단할 수 있다.즉, 페이지 이탈을 방지하는 역할을 한다. useBlocker 코드 React-Router 에서 useBlocker 코드를 찾아보자.//1. 매개변수export function useBlocker(shouldBlock: boolean | BlockerFunction): Blocker { let { router, basename } = us..
개발 공부/React
2025. 3. 3. 16:00