컴포넌트

• 반복되는 코드를 하나로 묶어서 모듈화 -> 컴포넌트로 만들어준다.
• 내가 원하는 코드를 묶어서 마치 하나의 태그처럼 사용
  반드시 컴포넌트는 대문자로 시작해야한다.
  -기본 HTML 태그 (DOM 요소)와 구분을 하기 위함
  expory 0 import 는 필수!!
  

Function

• State 사용 불가
• Life Cycle 사용 불가

Class 컴포넌트

• State 사용 가능
• Life Cycle 사용 가능

프롭스

Props (프로퍼티 or 프롭스)

• 상위 (부모) 컴포넌트에서 하위 (자식) 컴포넌트로 값을 전달할 때 사용

  • 상위 컴포넌트에서 값을 보내는 방법?
    => <컴포넌트명 key='value' />

  • 상위 컴포넌트에서 보낸 데이터를 하위 컴포넌트에서 받는 방법

    A. 함수의 형태이기 때문에 값은 매개변수를 통해서 받는다.
    매개변수.key

    Case 1. (props) 매개변수 => props.name / props.menu

    tip! 객체 비구조화 할당이란?
    객체 데이터를 받을 때 객체로 받지 않고 안에 들어 있는 Key값을 지정해서 받는다
    result.name 이런 식을 사용하지 않고 name 으로 바로 사용할 수 있음!