useEffect와 생명주기 (1) - 클래스형 컴포넌트의 State와 Lifecycle
이전 글 : useEffect와 생명주기 (0) - 주절주절 다음 글 : 매 초 시간이 흐르는 시계를 렌더링한다고 생각해봅시다. (자식 컴포넌트에 props로 데이터를 넘기는 법은 알고, state는 모른다고 가정) 그럼 다음과 같이 setInterval()을 통해, 매초 tick() 함수를 호출해야 합니다. 하지만 시간이 흐르는 것, 즉 타이머를 설정하고 매초 UI를 업데이트 하는 것은 Clock 컴포넌트가 하는 게 좋을 것 같습니다. 이것을 구현하기 위해 Clock 컴포넌트에 추가해야하는 것이 바로 "state"입니다. props와 state의 주요 차이점은 다음과 같습니다. state는 내부에 있고 컴포넌트 자체에 의해 제어됩니다. 반면 props는 외부에 있고 구성 요소를 렌더링하는 상위 컴포넌트..
프론트엔드/ReactJS
2021. 12. 15.