728x90

Frontend/ReactJS 23

컴포넌트 업데이트? 리렌더링?

컴포넌트 리렌더링이라 함은 함수형 컴포넌트 기준 JSX문법으로 작성된 view를 리턴하는 함수가 다시 수행되는 거라고 생각하면 된다. 그렇다면 컴포넌트 업데이트는 뭘까? 결국 같은 말 아닌가? 업데이트가 결국 리렌더링으로 연결되기 때문에 그냥 비슷한 의미로 해석하고 있었으나 가끔 이를 혼용해서 쓰는 글들이 보이기 시작하니 좀 헷갈려서 정리해놓는다. ​ 일단 업데이트가 더 큰 의미로 말그대로 컴포넌트가 업데이트되는 것을 말하고 그 과정에 리렌더링이 발생한다. 즉, 순서상 업데이트->리렌더링 이 된다. ​ 컴포넌트가 업데이트 되는 상황은 아래와 같다. ​ 1. props 가 변경되었을 때 2. state 가 변경되었을 때 3. 부모 컴포넌트가 리렌더링 될 때 4. forceUpdate 함수가 실행될 때 6...

Frontend/ReactJS 2021.03.03

<React.StrictMode></React.StrictMode>

intellij 를 통해 react 프로젝트를 생성하면 index.js -> 컴포넌트에 자동으로 감싸고 있다. 이는 감싼 컴포넌트 내의 잠재적인 문제를 알아내기 위한 도구로 해당 컴포넌트와 자손들에 대한 부가적인 검사와 경고를 활성화한다. 꼭 index.js에 쓰지 않아도 되고 부분적으로도 사용할 수 있다. 제거해도 상관없지만 개발모드에만 영향을 끼치니 굳이 사용하지 않을 이유는 없다.

Frontend/ReactJS 2021.03.03
728x90