👉 리액트의 핵심 개념은 컴포넌트라고 한다. 컴포넌트는 재사용 가능한 UI 요소를 말하며, 독립적으로 상태를 가질 수 있다.
👉 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트로 나뉜다. 클래스 컴포넌트는 ES6의 클래스로 정의되고, 함수 컴포넌트는 함수로 정의된다.
👉 리액트는 가상 DOM을 사용하여 성능을 최적화한다. 가상 DOM은 메모리에 존재하는 가벼운 복사본으로,
리액트는 가상 DOM을 통해 실제 DOM과의 변경사항을 비교하고 최소한의 업데이트만 수행한다.
👉 JSX는 자바스크립트를 확장한 문법으로, 리액트에서 UI를 구성하기 위해 사용된다.
JSX를 사용하여 HTML과 유사한 구문으로 컴포넌트를 작성 할 수 있다.
👉 상태(State)는 컴포넌트 내에서 관리되는 데이터이다. 상태는 컴포넌트가 변경 가능한 데이터를 유지하고, 변경 시 UI를 업데이트하는데 사용된다.
👉 속성(Props)은 부모 컴포넌트로부터 전달되는 읽기 전용 데이터이다. 속성을 통해 컴포넌트 간에 데이터를 전달하고 조합 할 수 있다.
👉 리액트에서는 이벤트 처리를 위해 일반적인 자바스크립트 이벤트 핸들러를 사용한다. 이벤트 핸들러를 통해 사용자의 동작에 대응하여
상태를 업데이트하고 UI를 조작할 수 있다.
👉 컴포넌트 라이프사이클은 컴포넌트의 생성, 업데이트, 소멸과 관련된 메서드들의 순서와 실행 시점을 제어한다.
라이프사이클 메서드를 사용하여 컴포넌트의 동작을 제어하고 필요한 작업을 수행 할 수 있다.
조금만 공부하면 알거 같은데 현재까지는 조금 어렵다.