sugar.kim

해당 내용은 컴포넌트의 생명 주기와 관련된 내용이다.  React Component Lifecycle (컴포넌트 생명 주기)컴포넌트는 생명주기마다 함수를 가지고 있는데 이 함수들을 이용하면 특정 시점에 원하는 동작을 하도록 만들 수도 있다.아래는 App컴포넌트의 자식 컴포넌트인 LifeCycleExample 컴포넌트를 만들sugarslayer.tistory.com아래 예제 코드를 통해서 상위 컴포넌트에서 전달받은 프로퍼티 값을 어떻게 동기화 할 수 있는지 살펴보자. 리액트 서버 구동 시에 최초로 실행되는 index.js에 App 컴포넌트 대신에 AppMakeCounter 컴포넌트를 만들어 예제 구현하였음. import React, { Component } from 'react';import Counter..

컴포넌트는 생명주기마다 함수를 가지고 있는데 이 함수들을 이용하면 특정 시점에 원하는 동작을 하도록 만들 수도 있다.아래는 App컴포넌트의 자식 컴포넌트인 LifeCycleExample 컴포넌트를 만들어 생명주기 함수의 흐름을 살펴 보았다.//단축키 RCFC하면 생명주기 함수와 함께 생성된다고.....import React, { Component } from 'react';class LifeCycleExample extends Component { /** getDerivedStateFromProps(props,state) * 1. 정적 함수이다. * 2. 인자로 props,state 전달할 수 있다. * 3. 인자로 전달된 props로 상위 컴포넌트에 전달된 값을 가져올 수 있다. * 4..