[프로그래머스] 타입스크립트로 함께하는 웹 풀 사이클 개발 11-5

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

• 컴포넌트 작성 방법에는 클래스형/함수형 두가지 방법이 있다.
• 클래스형 : 리액트 초기
• 함수형 : 최근 권장방식
  • 왜? 이전에는 state나 life cycle 방식을 클래스형에서만 사용할 수 있었기 때문

// 클래스형
import { Component } from "react";

// 클래스형 컴포넌트 생성 시 무조건 Component 상속 필요
class ClassCom extends Component{
  render(){ // 필수
    return(
      <div>클래스형 컴포넌트</div>
    )
  }
}

export default ClassCom;

// 함수형
let FuncCom = () => {
  return(
    <div>
      함수형 컴포넌트
    </div>
  )
};

export default FuncCom;