[React] class comp 1

Component란?

독립적이고 재사용이 가능한 코드 뭉치 

자바스크립트 함수와 같은 목적으로 사용되지만 독립적으로 분리되어 사용되어 지고 

render() 함수를 통해 html을 리턴해 준다. 

 

 

 

Classes vs Hooks (functional)

다른 언어에서 classes를 사용하고 

리액트에서 classes와 Hooks를 사용한다. 

많은 회사에서 둘을 섞어서 사용한다. 

 

 

 

functional component 

함수 안에 html 태그 리턴

JSX 때문에 가능 

 

 

 

Class component 

리액트에서는 어떤 것을 렌더할 것인지 정하는 것이 중요한데

클래스 컴포넌트를 사용하면 언제 렌더해야하고

안해도 되는지 더 쉽게 이해할 수 있다. 

 

 

 

클래스 이름은 App으로 하고 Component 기능을 사용하겠다.

 

 

 

 

App 클래스 안에 render()함수 안에 html 태그를 넣어 화면에 보이게 한다.