리액트에는 가상 돔 조작을 편리하게하기 위한 JSX 엘리먼트가 존재한다. JSX 의 생김새는 HTML과 유사하게 생겼으나 Babel을 통해 자바스크립트가 해석할 수 있는 언어로 변환해야하 작동하기 때문에 주어진 규칙을 준수해야한다. 닫힌 태그를 반복해서 쓸 필요가 없는
여기서는 react hook 이전의 문법들을 주로 다룬다. props는 컴포넌트 외부에서 컴포넌트에 전달되는 데이터이고 state는 컴포넌트 내부에서 전달되는 데이터로 컴포넌트 내에서 변경이 가능하다. 컴포넌트에 전달되는 props와 state\`값에 변경이 발생하면
리액트 훅은 클래스형 컴포넌트의 복잡성과 낮은 재사용성을 개선하기 위해 함수형 컴포넌트에서도 state 관리나 life cycle method를 다룰 수 있도록 고안된 메서드를 의미한다.useState()useEffect()useRef()useState()는 함수형 컴