재사용 가능한 화면 조각입니다. 작은 단위로 나누면 조합과 수정이 쉬워집니다.
React는 화면을 컴포넌트 단위로 선언한다
DOM을 직접 고치는 대신 JSX로 화면을 설명하고, 상태가 바뀌면 React가 필요한 UI만 다시 계산해 반영합니다.
JavaScript 안에서 HTML처럼 UI 구조를 선언하는 문법입니다.
컴포넌트 안에서 변하는 값입니다. 이벤트 이후 새 렌더링을 만듭니다.
부모가 자식에게 내려주는 읽기 전용 값입니다.
01
선언
현재 화면을 JSX로 표현
02
변화
이벤트가 state 변경 요청
03
계산
컴포넌트 함수가 다시 실행
04
반영
차이가 있는 DOM만 업데이트