컴포넌트

jsx

프로퍼티(props)

상태(state)

이벤트

가상 dom

훅(hooks)

생명 주기

단방향 데이터 흐름

컨텍스트

라우팅

상태관리

컴포넌트(Component)

• 재사용 가능한 UI의 작은 조각
• 각 컴포넌트는 독립적으로 동작
• 자신만의 상태와 프로퍼티를 가짐
• 웹 페이지에서 버튼, 입력폼 등은 각각의 컴포넌트로 만들 수 있음

JSX

• 자바스크립트 xml의 약자
• 자바스크립트 코드 안에서 html과 유사한 문법을 사용 가능

프로퍼티(props)

• 컴포넌트 간에 데이터를 전달하기 위한 입력값
• 부모에서 자식으로 데이터를 전달할 때 사용

상태(state)

• 컴포넌트 내에서 변경될 수 있는 동적인 데이터
• 사용자의 입력, 네트워크 요청과 같은 상태를 변경하는 상황일 때, 컴포넌트가 자동으로 재 렌더링됨