React 핵심 개념

DOM을 직접 고치는 대신 JSX로 화면을 설명하고, 상태가 바뀌면 React가 필요한 UI만 다시 계산해 반영합니다.

UI block

Component

재사용 가능한 화면 조각입니다. 작은 단위로 나누면 조합과 수정이 쉬워집니다.

Syntax

JSX

JavaScript 안에서 HTML처럼 UI 구조를 선언하는 문법입니다.

Memory

State

컴포넌트 안에서 변하는 값입니다. 이벤트 이후 새 렌더링을 만듭니다.

Input

Props

부모가 자식에게 내려주는 읽기 전용 값입니다.

01

선언

현재 화면을 JSX로 표현

핵심React 핵심 개념은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.