# purecomponent

frontendohs

리액트 애플리케이션을 개발할 때, 성능 최적화는 항상 고려해야 하는 중요한 주제 중 하나입니다. 특히 동일한 속성 및 상태에서 항상 동일한 결과를 렌더링하는 컴포넌트를 만들어 성능을 향상시키는 방법 중에 하나로 클래스형 컴포넌트 에서는 Pure Component, 함수

yeonddori

📍 PureComponent PureComponent가 Component와 다른 점은 React의 생명 주기 메서드중 하나인 shouldComponentUpdate를 어떻게 쓰는가 하는 부분이다. 특징 props랑 state를 얕은 비교를 통해 비교한 뒤 변경된

aksqud113

앞서 'prototype' 이라는 개념을 숙지해야 한다.JS에서 모든 객체는 자신의 부모 객체를 가리키는 'proto' 속성을 가지는데 이렇게 연결된 객체들의 체인을 프로토타입 체인이라고 부른다.'prototype'은 함수 객체에만 존재하는 속성으로 함수로 생성된 객체

lhjeong60

네이버 블로그에서 이전, 원글 작성일시 : 2021.07.14.20:49ZeroCho님의 강의를 보면서 React를 공부하고 있다.강의를 바탕으로 내가 이해한 그대로 정리할 예정이다.중대한 오류나 지식 부족이 발견될 확률이 높으니 혹시 이 글을 보는 사람이 있다면 주의

wheezy_han

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

hongwr

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

sohyeonbak_oly

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

lesh

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