SPA

• 싱글 페이지 어플리케이션
• 하지만 실제로 현업에서는 멀티페이지로 동작하는 경우가 많다.

React

• 리액트는 템플릿이 아니라 라이브러리에 더 가까움
• 선언적 프로그래밍에 가까움, 함수형프로그래밍에 가깝다.

Virtual Dom

• dom도 object임
• 경량화된 작은 객체를 만들어서 렌더링이 필요한 부분만 만듦
• 표준적인 방법은 아니고 react의 방법임
• 가상의 돔 구조를 만들어놓고 비교하는 과정을 거침

컴포넌트

• 리액트에 작성하는 h2 라는 태그는 사실 다 컴포넌트이다.
• 리액트를 클래스로 작성할 땐 렌더링 라이프사이클에 맞춰 렌더링 될 때 어떤 것들을 하도록 하는 훅 메소드가 있음

setCount

• state를 변경하는 역할
• 리렌더링
• setCount가 바뀌면 해당 function이 다시 호출되면서 재렌더링이 일어난다.
• 즉, 데이터바인딩이 되어있음.

useEffect

• 상태 변경, 리렌더링, 사이드이펙트처리 를 위해 존재
• api 처리도 여기에서 하는데, 왜냐하면 리렌더링이 일어났을 때 계속 호출되면 안되기 때문에 조건부 실행을 하도록 하는 것임.

CRA

• CreateReactApp!

props