component

컴포넌트

react 컴포넌트를 사용하면 UI를 독립적이고 재사용할 수 있는 부분으로 나누고 각 부분을 분리하여 생각할 수 있다 ! 

리액트 컴포넌트는 react.component react.purecomponent로 나누어 정의 함 ! 

---

React.component

ES6 class를 사용해 리액트 컴포넌트를 정의할 때에 기초가 되는 class

 

React.PureComponent

react.component와 비슷 

react.component는 shouldComponentupdate()를 구현하지않지만

react.purecomponent는 props와 state를 이용한 얕게 비교를 구현한다는 차이점만이 존재 

 

shouldComponentupdate() 

현재 state또는 props의 변화가 컴포넌트의 출력결과에 영향을 미치는지 여부를 react가 알 수 있음 

기본동작은 매state변화마다 다시 렌더링을 수행하는 것이면 대부분의 경우 기본동작에 따름

props또는 state가 새로운 값을 갱신되어 렌더링이 발생하기 직전 호출 기본값은 true

이 메서드는 초기렌더링 또는 forUpdate()가 사용될 때에는 호출되지않음

성능 최적화만을 위한 것, 렌더링 방지목적으로 사용시 버그로 이어질수도..