React 컴포넌트

❓ 컴포넌트란?

• 컴포넌트란 UI 또는 기능을 부품화해서 재사용이 가능하게 만드는 것이다.
• 동일한 UI를 재활용하므로, 원본만 변경하면 모두 적용되게 한다.
• 데이터는 각 컴포넌트에 맞게 변경하여 사용이 가능하다.

✍️ 컴포넌트 작성 방법

클래스형

import { Component } from "react"

class New extends Component {
    render(){
        return <div>이것은 클래스형 컴포넌트</div>
    }
}

export default New

함수형

// 함수형 컴포넌트 작성법 1
function New(){
    return <div>이것은 함수형 컴포넌트</div>
}

export default New

// 함수형 컴포넌트 작성법 2
const New = () => <div>이것은 함수형 컴포넌트</div>

export default New

• 함수형 컴포넌트가 클래스형 컴포넌트보다 훨씬 간단하다.
• 하지만, 함수형 컴포넌트는 그 자체만으로는 클래스형 컴포넌트의 모든 기능을 흉내낼 수 없다.
• 그래서 나온것이 React-Hooks이다.