React 1

React State

• 계속해서 변화하는 특정 상태를 말하며
  상태에 따라서 각기 다른 동작을 실행한다.
  useState 사용

const [count, setcount] = use state(0)
      상태의값  상태변화함수            초기값

useEffect는?

• 두개의 매개 변수를 갖는다.

• 컴포넌트가 리랜더링 될 때마다 특정 작업을 실행시킨다.

• 기본형태는 useEffect(F, deps) 즉 수행하고 하는 작업과 배열 안에서 검사 하고자 하는 특정값 과 배열

• 1. mount (처음 나타날 때)
     -컴포넌트가 화면에 가장 처음 리랜더링 되고 딱 한번만 사용하고 싶을 때 deps의 위치에 빈배열
     -생략시 리랜더 될 때마다 실행 됌
• 2. update(props, state가 바뀔 때)
     -특정 값이 업데이트 될 때 deps 위치 배열안에 검사하고 싶은 값을 넣어준다.
• 3. unmount(사라질 때)
     -두번 째 파라미터로 빈 배열 넣기(cleanup)

React Props

• 부모가 되는 컴포넌트에서 자식이 되는 컴포넌트한테
  이름을 지정해서 값을 내려주는 것
  전달 받은 자식 컴포넌트는 매개변수(parameter)를
  통해서 props를 받아서 사용한다.
• 객체를 만들어서 스프레드 연산자(Spread Opertor)
  를 통해 데이터를 펼쳐서 전달가능

1. 리액트의 State는 본인이 관리하고 갖고 있는 상태가 바뀔 때 마다 리랜더 됌
2. 나에게 내려오는 Props가 바뀔 때 마다 리랜더 됌
3. 나에게 직접적으로 내려오지 않아도 나의 부모가 리랜더 되면 나 또한 같이 리랜더 됌