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
- CSS
- node.js
- 반응형 페이지
- JavaScript
- HTML
- frontend
- JS
- redux
- 코딩테스트
- 코드업
- 자바문제풀이
- java
- Servlet
- TypeScript
- github
- cleancode
- react
- webpack
- @media
- 그럼에도 불구하고
- coding
- max-width
- 프론트엔드
- 그럼에도불구하고
- 자바
- 변수
- media query
- git
- node
- react-router-dom
Archives
- Today
- Total
목록useLoaderData (1)
그럼에도 불구하고
[Router] loader와 useLoaderData
오늘은 loader와 useLoaderData에 대해 알아보겠습니다. [ loader ] 서버에 요청하지 않고 데이터를 가능한 한 빨리 가져오기 위해 react router dom 6.4v 부터는 client side browser를 제공하고 있습니다. 즉, 서버에 요청하지 않고 클라이언트 사이드에서 처리하기 때문에 속도 면에서 엄청난 이점이 생기게 됩니다. 여기서 추가된 기능 중 하나인 loader는 컴포넌트가 생성되기 전에 컴포넌트에 데이터를 전달하는 역할을 수행합니다. loader의 특징 - loader의 호출 시점은 컴포넌트가 렌더링 되기 전 입니다. - 각 파일에 loader라는 함수를 만든뒤 이를 export하여 사용하는 것이 일반적입니다. - loader 함수가 값을 return하면 useL..
React/Router
2023. 6. 10. 09:37