React는 별도의 컴포넌트를 만들어 쉽게 재사용을 할 수 있다.이로인해, 반복작업이 줄어든다.유지보수가 용이해진다.여러 개발자가 하나의 페이지를 만들어도 효율적인 코드 분리가 가능하다.기존 바닐라 스크립트는 명령형 프로그래밍 방식이다. 프로젝트의 규모가 커지면 코드가
const, let 변수와 다르게 값이 변하면 컴포넌트가 리랜더링 되어 화면이 바뀐다컴포넌트의 내부에서 변경 가능한 데이터를 다루기 위해 사용하는 객체일반적으로 리액트에서 유동적인 데이터는 변수에 담지 않고 useState()라는 리액트 메서드에 state라는 저장 공
부모 컴포넌트로 부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법이다app.js{...counterProps} : 구조 분해 할당으로 props를 자식 컴포넌트에 전달한다counter.js자식 컴포넌트에서 props를 받아 사용한다.undefined가 나오는 경