# purecomponent

7개의 포스트
post-thumbnail

[React]render함수 호출에 따른 성능 분석과 PureComponent

render() 안에 로그를 확인하여 Component에 이 render 함수가 언제 호출되는지 확인할 수 있다. 코드에 console.log()를 찍고 화면을 refresh 해주면 로그들이 두번씩 찍힌다. index.js에서 StrictMode를 사용하여서이다.St

2022년 6월 14일
·
0개의 댓글
·

02.28

간단하게 말하자면 PureComponent로 구현을 하면 직접적으로 props를 주는 상위 컴포넌트나 자기 컴포넌트가 업데이트가 되는 것이 아니라면 re-randering이 일어나지 않게 하는 것이다.두개의 변수(states)가 동일한 오브젝트를 가리키고 있는 경우:

2022년 2월 27일
·
0개의 댓글
·
post-thumbnail

PureComponent의 이해

리액트 공식문서(https://reactjs.org/docs/react-api.htmlReact.PureComponentReact.PureComponent is similar to React.Component. The difference between them

2021년 3월 1일
·
0개의 댓글
·
post-thumbnail

TIL. React - Basic 개념 정리(4)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. Class ComponentFunction Componentfunction component이기 때문에 변수 선언하는 const를 붙여주었고, this

2021년 1월 27일
·
0개의 댓글
·
post-thumbnail

TIL. React - Basic 개념 정리(3)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. React is Components. "Re-render the whole app on every update." React 어플리케이션은 stat

2021년 1월 26일
·
0개의 댓글
·

PureComponent와 shouldComponentUpdate

리액트로 첫 프로젝트를 하면서 학교 선배에게 코드 리뷰를 부탁드렸는데, 선배가 코드를 보더니 한숨을 쉬시면서 내게 질문 한가지를 하셨다. "너 컴포넌트와 퓨어컴포넌트의 차이가 뭔지 알아?" "...몰라욘" "...공부해" 퓨어컴포넌트가 뭘까? 순수한 컴포넌트인가? 순수하면 뭐가 좋은거지? 조금 더 빠르다고 들은 것 같긴한데... 이 때까지는 정확한 정의를 ...

2019년 8월 9일
·
0개의 댓글
·