React 계약

컴포넌트 타입은 변경 루프마다 갱신한다

Props, State, 이벤트, 렌더링 결과가 서로 맞물리므로 UI 변경은 타입 계약 변경과 함께 검토합니다.

Props

부모가 넘기는 값

필수값, 선택값, children을 컴포넌트의 공개 계약으로 둡니다.

State

내부 상태

초기값이 비어 있으면 `null`과 로딩 상태를 명시합니다.

Event

사용자 입력

HTML 요소에 맞는 React 이벤트 타입으로 핸들러를 좁힙니다.

Render

출력 결과

조건부 렌더링에서 `null`, 목록 key, 반환 형태를 확인합니다.