React - 컴포넌트란?

ReactNative - 컴포넌트란?

UI를 독립적이고 재사용 가능하도록 나눈 조각

• 함수형 컴포넌트

  클래스형 컴포넌트보다 상대적으로 가벼워 첫 마운팅 속도가 빠름,

   function fnComponents(props){
     return (
       <h1>Hello {props}</h1>
     );
   }

• 클래스형 컴포넌트

  컴포넌트 생명주기 메서드를 사용하거나 state를 사용할경우 반드시 class를 사용하여 컴포넌트를 만들어야 함.

   const classComponents = () => {
     return(
       <h1>Hello {props}</h1>
     );
   }

• 사용방법

  1. 파스칼 표기법 사용 : 컴포넌트 이름의 첫글자는 반드시 영문 대문자를 사용해야된다. (DOM 태그와 구분)

  2. 단 하나의 root 엘리먼트를 return 해야한다.

  3. props란? : 부모 컴포넌트에서 자식 컴포넌트로 전달되는 바꿀 수 없는 데이터