react lifecycle2 [React] 컴포넌트의 Lifecycle 생명주기 함수 - 실습 2020/09/24 - [Web프런트엔드/리액트] - [React] 컴포넌트의 Lifecycle 생명주기 함수 - 이론 [React] 컴포넌트의 Lifecycle 생명주기 함수 - 이론 생명주기란 단어가 딱딱할 수 있지만, 쉽게 인간으로 말씀드리면 태어나서 죽을 때까지의 기간입니다. 즉 컴포넌트가 생성되고 소멸될 때까지의 과정으로써, 크게 생성 -> 갱신 -> 소멸 3단계를 jiguin-hankun.tistory.com 이번 글을 읽기 전에 꼭 이론 편을 보고 오시길 추천드리며, 될 수 있으면 이론 화면을 같이 보시는 것이 더욱 좋습니다. 그럼 실습에 들어갈 텐데 이번 코드는 좀 복잡할 수 있어, 실행 화면을 먼저 보여드리고 설명 후에 진행하겠습니다. 이번 실습은 일부로 잘 못된 코드도 넣었고 콘솔 로그.. 2020. 9. 24. [React] 컴포넌트의 Lifecycle 생명주기 함수 - 이론 생명주기란 단어가 딱딱할 수 있지만, 쉽게 인간으로 말씀드리면 태어나서 죽을 때까지의 기간입니다. 즉 컴포넌트가 생성되고 소멸될 때까지의 과정으로써, 크게 생성 -> 갱신 -> 소멸 3단계를 거칩니다. 그 과정에서 개발자는 총 8가지의 생명주기 함수를 이용할 수 있으며, 호출하는 타이밍은 리액트가 정합니다. ○ 생성 과정의 함수 1. constructor( props ) 너무나 자주 봐왔던 생성자 함수입니다. props인자와 가장 위에 super(props)는 필수입니다. 주로 초기화하는 데 사용하며, 특히 스테이트(state)는 여기서 초기화해야 합니다. 2. static getDerivedStateFromProps( props , state ) 이름이 긴 정적(static) 함수입니다. 동적이 아닌 .. 2020. 9. 24. 이전 1 다음
