
[React] 클래스형 컴포넌트의 생명주기(LifeCycle)
Frontend/React
2023. 7. 1. 01:20
리액트 라이프사이클이란 리액트 앱이 실행되고 종료되는 과정을 마운트, 업데이트, 언마운트로 나눈 것 Q. 마운트, 업데이트, 언마운트란? 마운트 : 컴포넌트가 실제 DOM에 삽입되는 것 업데이트 : 컴포넌트가 변하는 것 언마운트 : 컴포넌트가 DOM 상에서 제거되는 것 Q. 렌더링이란? 컴포넌트 내에 Element 요소들(HTML, React 사용자 정의 태그)을 화면에 그리는 동작 React의 라이프사이클 (16.3 >= ) [1] 컴포넌트 생성 constructor → render → componentDidMount 1. constructor 컴포넌트가 만들어지면 가장 먼저 실행되는 생성자 메서드 초기값을 설정할때 주로 사용 2. render constructor()에서 정의한 state 값의 접근 ..