728x90 반응형 SMALL 라이프사이클2 컴포넌트의 라이프사이클 메서드 리액트 컴포넌트에는 라이프사이클(Lifecycle)이 있다. 클래스형 컴포넌트에서만 라이프사이클 메서드를 사용할 수 있다. 라이프 사이클은 마운트, 업데이트, 언마운트 세 가지로 나눈다. 마운트(Mounting) DOM이 생성되고 웹 브라우저상에 나타나는 것 업데이트(Updating) 1. props가 바뀔 때 2. state가 바뀔 때 3. 부모 컴포넌트가 리렌더링될 때 4. this.forceUpdate로 강제로 렌더링을 트리거할 때 이 네가지 경우에 컴포넌트를 업데이트한다. 언마운트(Unmounting) 컴포넌트를 DOM에서 제거하는 것 라이프사이클 메서드 마운트 - constructor: 컴포넌트 생성자 메서드, 초기 state 정할 수 있음 - getDerivedStateFromProps: pr.. 2023. 1. 4. 8월 1주차 WIL - 라이프사이클, React hooks 이번주에 배운 내용은 LifeCycle과 리액트 hooks에 관한 내용이다. 라이프사이클(클래스형 vs 함수형), React hooks 리액트의 컴포넌트는 라이프 사이클을 가진다. 예전에는 라이프 사이클을 관리하기 위해서 주로 클래스형 컴포넌트를 사용했다. 현재는 리액트팀에서 함수형 컴포넌트로 바꾸라고 하는 추세다. 함수형 컴포넌트에서는 LifeCycle의 기능을 가지고 있는 React Hook을 사용한다. 하지만, 아직도 클래스형 컴포넌트를 사용하는 기업들이 있으므로, 유지보수를 위해 클래스형 컴포넌트에 대해 알고 있어야한다. 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { const na.. 2022. 8. 7. 이전 1 다음 728x90 반응형 LIST
