리액트 개념( 클래스 컴포넌트 VS 함수 컴포넌트 )

 

 

function App ( ) {

  return <h1>Hi</h1>

}

App 이 컴포넌트 :)

클래스컴포넌트

 

주기적으로 업데이트가 필요한 경우 ; 클래스 컴포넌트사용

 

관련된 데이터, 함수들이 묶여져있는 것 

상태, 데이터를 담을 수 있는 State(object)가 존재 _스테이트가 변경이되면 렌더함수가 알아서 업데이트를 해줌.

라이프사이클 메소드;  컴포넌트가 사용자에게 보여질때, 돔 트리에 올라갔을때/나왔을때, 업데이트될때...등 

다양한 컴포넌트의 상태에 따라 우리가 함수를 구현해놓으면 리액트가 알아서 불러줌 

 

클래스는 부를때 this를 꼭 붙여줘야함.

함수컴포넌트

내 컴포넌트에 상태가없고 항상 정적인 데이터가 표기 ; 함수 컴포넌트사용

 

함수에는 State,LifeCycle 없음

--> React Hook최신기능 도입 (함수에서도 State, LifeCycle사용이 가능함!!)

       :클래스가 어렵기때문에 리액트훅으로 많이사용

 

클래스컴포넌트와 function컴포넌트&nbsp;