Props

props는 properties의 요약어?이다.
부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터로, 자식한테는 읽기 전용이다.
부모가 자식한테 뭔가를 주면 자식은 그냥 그 데이터를 읽는다?라고 이해를 했다.

State

각 컴포넌트 자신들이 가지고 있는 데이터 값을 말한다.
state를 사용하려면 {useState}를 임포트해야한다.

버튼을 누르면 1씩 증가하거나 감소하는 컴포넌트이다. state는 2가지를 가지고있다.
const [number, setNumber] = useState(0);

이 코드를 보면 useState[0] = number에 들어가고, useState[1]은 setNumber() 함수에 들어간다.
const number = useState[0];
const setNumber = useState[1]; 이 되는 것이다.

number은 useState 초깃값?을 세팅한다. 그리고 그 number state를 변경시키기 위해서는 setNumber() state를 사용해야하는 것이다.

그러면 increaseNum이라는 함수를 생성해서 그 함수를 실행시킬때마다 setNumber함수 state를 통해 Number가 +1이 되는 것이다.

내가 이해한 것을 글로 설명하려니 뭐라고 쓴지 하나도 모르겠지만... 2일동안 props와 state를 이해하려고 노력하니 조금씩 이해가 되기 시작하는거같다 . 아직 사용법은 잘 모르겠다...