| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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-query
- 리액트네이티브
- async
- SWC
- link
- 기초
- mockoon
- 아키텍처
- amplify
- next.js
- Critical Rendering Path
- 리액트
- thread
- MSW
- 쓰레드
- vanilla-extract
- Basic
- Cache
- react-native
- Concurrent Mode
- React
- Babel
- sprinkles
- next hydration
- 리액트쿼리
- 비동기
- react server component
- 개발자
- 기본
- JavaScript
- 최적화
- front-end mocking
- styled-component
- mock service worker
- CSS-in-JS
Archives
- Today
- Total
목록Strict (1)
Don’t worry about failures
React StrictMode에 대해
React Strict Mode는 애플리케이션 내에서 개발 시 발견된 잠재적인 문제를 감지하고 경고를 출력하는 도구이다. *StrictMode는 development 환경에서만 동작한다. StrictMode가 제공해주는 기능에 대해 확인해보자. 1. 버그를 잡기위해 렌더링을 두번한다. 리액트의 컴포넌트는 순수함수이어야한다. 순수함수가 아닐 경우에는 예측 불가한 상황이나 오류가 생겨날 우려가 있기 때문에 순수함수를 지켜줘야한다. 이를 위해 StrictMode에서는 두번의 렌더링을 통해서 동일한 값이 나오는지 비교하고 그렇지 않으면 경고를 해준다. 이에 대한 예제를 봐보자. 해당 예제는 공식문서에서 가져온 것이다. //App.js import { useState } from 'react'; import St..
React
2024. 3. 21. 13:54