HTML 대신 사용class 대신 className으로 작성한다 데이터 바인딩 쉽게 가능하다원래 데이터 바인딩을 하는 경우jsx로 데이터 바인딩{}에 변수명, 함수명, 이미지 import 등 대부분 집어넣어 데이터 바인딩이 가능하다css의 경우 object자료형으로 만
기능은 변수와 같다 사용 이유와 목적웹 앱처럼 사용하기 위해 그냥 변수는 새로고침을 해주어야 렌더링이 되지만 state는 변경시 자동으로 렌더링된다변경이 많은 데이터나 중요한 데이터를 설정할 때 사용
html ui를 하나의 function 처럼 만들어서 저장하는 형태기본적으로 있는 App도 component 문법으로 만들어졌다 만드는법 아래와 같이 function 식별자 이름의 첫 글자라를 대문자로 하며 위치는 다른 함수 밖에 위치한다return으로 작성할 html
for 대신 사용가능한 반복문 기본 형태
하나의 컴포넌트에 선언되어 있는 변수, 객체 등의 값들을 다른 컴포넌트에게 전달할 수 있게 해준다