React Lifecycle

리액트 컴포넌트의 처리 흐름을 이해하기 위해 알아야 할 생명주기(LifeCycle)라이프 사이클은 크게 총 4가지 단계로 나뉜다.InitializationMountingUpdationUnmounting리액트 라이프사이클은 전체 앱이 아닌 "컴포넌트 하나에 대한 생명주기

getDerivedStateFromProps() 클래스 컴포넌트에서 사용할 수 있는 라이프사이클 메서드이다. 메서드의 이름처럼 props로부터 state값을 획득하는 작업이 이루어진다. 풀어 쓰면, props의 값을 state에 넣는 것이라고 볼 수 있다. 그렇다

이 라이프사이클 메서드는 이름 그대로 컴포넌트를 업데이트할지 말지를 결정하는 메서드다.true를 리턴하면 컴포넌트를 렌더링하고 false를 리턴하면 렌더링하지않는다.이게 가능한 이유는 render()가 시작하기전의 시점이라 그렇다.이 메서드를 통해 누릴 수 있는 이점은

JSX를 리턴.Virtual DOM과 Real DOM의 비교필요한 부분만 업데이트 가능render 안에서 props나 state업데이트 시도는 하지 말아야한다. 업데이트는 렌더링 이후에 처리되도록 라이프사이클이 설계되어 있기 때문.render() 메서드가 실행된 이후

componentDidUpdate() 리액트 라이프사이클의 3단계중 하나인 Updating단계에서 실행되는 메서드 snapshot은 getSnapshotBeforeUpdate() 메서드에서 반환된 값을 사용한다. getSnapshotBeforeUpdate() 메서드가