IT/React

화면이 re-rendering(갱신) 되는 조건

라임웨일 2022. 7. 12. 08:33
반응형

 

💡 rendering이란?

사용자의 화면에 미리 정의해 둔 화면을 보여 주는 것을 렌더링이라고 합니다.

 

💡  re-rendering이란?

사용자의 화면에 변화가 생겨(데이터 변경, 화면의 사이즈 축소 또는 확대 등)서 이를 다시 새롭게 정의하여 보여주는 것을 의미합니다.

 

✔  컴포넌트가 re-rendering 되는 조건 

  1. 자신의 상태가 변경될 때 (state 변경)
  2.  부모 컴포넌트가 re-rendering(리렌더링) 될 때
  3. 자신이 전달받은 props가 변경될 때 
  4. forceUpdate 함수가 실행될 때

 

 

 

반응형
광고차단(애드블록)프로그램이나 브라우저를 사용중이시면 프로그램을 비활성화이나 블로그 주소를 예외 처리 해주시면 광고가 노출됩니다. 귀찮고 번거롭겠지만 광고 클릭은 저에게는 큰 힘이 됩니다. 🙇🏻‍♂️🙇🏻‍♀️
제 블로그의 모든 글은 제가 직접 작성 하고 다른 글을 참고할 때는 이전 글보다 읽기 편하게 수정해서 작성하고 있습니다. 커피 한잔 사먹고 더 열심히 좋은글로 보답하겠습니다.
오늘도 제 블로그에 와 주셔서 감사합니다. :)
//