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 |
Tags
- git
- Servlet
- 프론트엔드
- @media
- 자바문제풀이
- 그럼에도불구하고
- media query
- JS
- 자바
- node
- HTML
- CSS
- node.js
- webpack
- max-width
- TypeScript
- frontend
- github
- 코드업
- redux
- react-router-dom
- react
- 코딩테스트
- cleancode
- java
- JavaScript
- 그럼에도 불구하고
- 반응형 페이지
- coding
- 변수
Archives
- Today
- Total
목록react.strictmode (1)
그럼에도 불구하고
[React] 리액트 렌더링 두 번 방지하는 법
리엑트 렌더링이 두 번 되는 경우 이를 방지하는 법에 대해 알아보겠습니다. 🧑🏻💻 React Strict Mode 렌더링이 두 번 발생하는 이유는 React.StrictMode 때문입니다. HTML 삽입 미리보기할 수 없는 소스 따라서 React.StrictMode Wrapper를 제거해 주면 컴포넌트가 두 번씩 호출되지 않습니다. 📌 존재 이유 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Frament와 같이 UI를 렌더링 하지 않고, 자식들에 대한 부가적인 검사와 경고를 활성화합니다. Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. React 공식 문서에 따르면 StrictMode는 아래와 같은 부분에서 도움이 ..
React/React basics
2023. 7. 25. 09:25