함수형 컴포넌트와 클래스형 컴포넌트

리액트에서 컴포넌트를 선언 하는 방식은 두가지 이다.

• 함수형 컴포넌트
• 클래스형 컴포넌트

함수형 컴포넌트

import React from 'react';

function App(props) {
    return (
        <div></div>
    );
}

export default App;

클래스형 컴포넌트

import React, {Component} from 'react';

class App extends Component {
    render() {
        return (
            <div></div>
        );
    }
}

export default App;

클래스형 컴포넌트의 경우,

• state 기능 및 라이프사이클 기능을 사용할 수 있다.
• 임의 메서드를 정의할 수 있다.
• JSX를 반환해 주는 render 함수가 꼭 있어야 한다.

함수형 장단점

	장점	단점
함수형	- 클래스형 컴포넌트보다 선언하기 쉬움	- state와 라이프사이클 PI 사용불가.(Hook의 도입으로 해결)
	- 클래스형 컴포넌트보다 비교적 적은 메모리 자원을 사용.