반응형
💡 rendering이란?
사용자의 화면에 미리 정의해 둔 화면을 보여 주는 것을 렌더링이라고 합니다.
💡 re-rendering이란?
사용자의 화면에 변화가 생겨(데이터 변경, 화면의 사이즈 축소 또는 확대 등)서 이를 다시 새롭게 정의하여 보여주는 것을 의미합니다.
✔ 컴포넌트가 re-rendering 되는 조건
- 자신의 상태가 변경될 때 (state 변경)
- 부모 컴포넌트가 re-rendering(리렌더링) 될 때
- 자신이 전달받은 props가 변경될 때
- forceUpdate 함수가 실행될 때
반응형
'IT > React' 카테고리의 다른 글
제어 컴포넌트와 비제어 컴포넌트의 차이점 (0) | 2022.07.12 |
---|---|
useEffect 와 useLayoutEffect 의 차이 (0) | 2022.07.12 |
[React] props / state 차이점 (0) | 2022.07.08 |
useCallback 과 useMemo 의 차이 (0) | 2022.06.28 |
useEffect, useMemo, useCallback 완벽히 이해하기 (0) | 2022.05.31 |
광고차단(애드블록)프로그램이나 브라우저를 사용중이시면 프로그램을 비활성화이나 블로그 주소를 예외 처리 해주시면 광고가 노출됩니다. 귀찮고 번거롭겠지만 광고 클릭은 저에게는 큰 힘이 됩니다. 🙇🏻♂️🙇🏻♀️
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)