용어 사전

1. 컴포넌트(Component): UI를 구성하는 독립적이고 재사용 가능한 코드 조각.
2. JSX: JavaScript에 XML을 추가한 문법 확장.
3. Virtual DOM: 실제 DOM의 가벼운 복사본으로, 성능 최적화에 사용.
4. Props: 부모 컴포넌트에서 자식 컴포넌트로 전달되는 읽기 전용 데이터.
5. State: 컴포넌트 내부에서 관리되는 변경 가능한 데이터.
6. Hooks: 함수형 컴포넌트에서 React의 기능을 사용할 수 있게 해주는 함수들.

React의 소개 및 역사

React의 정의와 특징

React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적인 JavaScript 라이브러리입니다.

주요 특징:

• 컴포넌트 기반 아키텍처: UI를 재사용 가능한 독립적인 조각으로 구성
• 가상 DOM (Virtual DOM): 메모리 내 DOM 표현을 통한 성능 최적화
• 선언적 UI 프로그래밍: 목표 상태를 선언하면 React가 UI를 효율적으로 업데이트
• JSX: JavaScript 내에서 XML과 유사한 구문으로 UI 표현
• 단방향 데이터 흐름: 예측 가능한 상태 관리 제공
• 서버 사이드 렌더링 지원: 초기 로딩 성능 향상 및 SEO 최적화
• 강력한 생태계: 다양한 라이브러리와 도구 지원

개발 배경