[04] React - LifeCycle

React Component

1. 리엑트로 만드렁진 앱을 이루는 최소한의 단위.
2. 기존 웹 프레임워크는 MVC방식으로 분리하여 관리해 각 요소의 의존송이 높아 재 활요이 어렵다는 단점이 있지만 컴포넌트는 MVC의 뷰를 독립적으로 구성하여 재사용을 할 수 있고 이를 통해 새로운 컴포넌트를 쉽게 만들 수 있다.
3. 데이터(Props)를 입력받아 상태(State)에 따라 DOM Node를 출력하는 함수.

---

React LifeCycle

보통 React 라이프사이클은 class component 기반의 React를 말하며, 함수형 컴포넌트는 Hook을 사용한다.

생성(mounting) -> 업데이트(updation) -> 삭제(unmountin) 의 생명주기를 가짐.

componentDidMount : 컴포넌트가 mount된 후에 1회 실행되는 함수
componentDidUpdata : 컴포넌트가 업데이트 될 때마다 실행되는 함수
componentWillUnmount : 컴포넌트가 제거될 때 실행되는 함수

React Hook

useEffect : componentDidMount + componentDidUpdata를 합친 Hook

useEffect(()=> {
	console.log("Hi");
  return ()=> console.log("Bye");
},[count]);

• 첫 load 되었을때
• count의 값이 변경되었을 때
• 사용하는 컴포넌트가 삭제될 때