컴포넌트

• 클래스형 컴포넌트와 함수형 컴포넌트의 차이점
  -> 클래스형 컴포넌트의 경우 state 기능 및 라이프사이클 기능을 사용할 수 있다는 것과 임의 메서드를 정의할 수 있다는 것 입니다.

• 함수형 컴포넌트의 장점

  1. 클래스형 보다 선언하기 편하다.
  2. 메모리 자원 덜 사용
  3. 결과물 파일 크기가 더 작다(별 차이 없긴 함)

• 함수형 컴포넌트의 단점

  1. state와 라이프사이클 사용이 불가능하다.(hook으로 해결 가능)

props

컴포넌트 속성을 설정할 때 사용하는 요소

props 기능

1. defaultProps : props 기본값 설정
2. 태그 사이의 내용을 보여주는 children
3. propTypes를 통한 props 검증 : 컴포넌트의 필수 props를 지정(isRequired)하거나 props의 타입을 지정

state

state는 컴포넌트 내부에서 바뀔 수 있는 값

state를 사용할때 주의 사항 : 배열이나 객체를 업데이트 할 때는 배열이나 객체 사본을 만들고 그 사본에 값을 업데이트한 후, 그 사본의 상태를 setState 혹은 세터 함수를 통해 업데이트 한다.(사본을 만들 때는 spread 연산자 사용)