React-Component 만들기

나름 최근의 자바스크립트 문법을 씁니다. 그래서 function이나 reuqire 같은 것은 볼 수 없습니다.

클래스 형태의 컴포넌트

외부로 부터 Component와 React를 받아오고 있습니다. Component를 상속하여 render나 componentDidMount등의 라이프 사이클을 사용할 수 있고 setState 등을 호출 할 수 있습니다.  

함수형 컴포넌트 사용하기 

단순하게 props로 데이터를 받아서 보여주기만 할때 굳이 클래스를 만들 필요 없이 함수로 컴포넌트를 만들 수 있습니다. 그래서 State나 라이프 사이클을 사용하지 않을 때 사용하면 좋습니다. 그리고 props를 받아올 때 비구조화 할당을 사용하면 더 쉽게 받아올 수 있습니다. 

그리고 이를 App클래스에서 호출 시켜보면 아래와 같은 결과가 나온다. 

컴포넌트를 호출 할때는 JSX의 문법에 맞게 html 호출하듯이 하면 된다.