React 시작하기: 개념과 설정

React는 작고 재사용 가능한 컴포넌트로 앱을 만드는 사용자 인터페이스 라이브러리입니다.

• 컴포넌트 단위로 생각합니다.
• 상태에 따른 사용자 인터페이스를 선언형으로 설명합니다.
• React가 효율적인 갱신을 처리합니다.

선언형 코드는 결과를 설명하고, React는 DOM 변경을 대신 계산합니다. 명령형 코드는 각 갱신을 하나씩 직접 관리합니다.

React는 가벼운 가상 DOM을 만들고 이전 트리와 차이를 비교하여 최소한의 필요한 DOM 갱신을 적용합니다.

설정:

• 앱을 생성합니다(예: npm create vite@latest).
• 의존성을 설치합니다(npm install).
• 개발 서버를 실행합니다(npm run dev).

폴더 기본 사항:

• index.html에는 div#root가 들어 있습니다.
• src/main.jsx는 createRoot를 초기화합니다.
• src/App.jsx는 첫 번째 컴포넌트를 정의합니다.

첫 렌더링: 루트를 마운트하고 App()을 렌더링합니다. 클릭하여 상태에 따른 갱신을 확인합니다.

간단한 확인: React의 선언형 사용자 인터페이스를 뒷받침하는 핵심 아이디어는 무엇입니까?

복습: 컴포넌트 + 선언형 렌더링 + 차이 비교입니다. 개발 서버를 설정하고 createRoot로 App()을 렌더링합니다.