1. React

사용자 인터페이스(UI)를 효율적으로 만들기 위한 JavaScript 라이브러리

React는 MVC 프레임워크가 아니라 **View(V)**에 집중한 라이브러리

목적

• SPA(Single Page Application) 구조 이해
• 컴포넌트 단위 UI 설계 능력 습득
• 상태(State)와 화면 렌더링의 관계 이해
• 백엔드 API(Spring/Node)와 연동 가능한 프론트엔드 구현

핵심 철학

• UI = 함수(state → View)
• 화면은 상태(state)에 따라 자동으로 갱신됨
• DOM을 직접 조작하지 않음

2. SPA(Single Page Application)

SPA 개념

• 최초 한 번만 HTML을 로드
• 이후 화면 전환은 JavaScript로 처리
• 서버는 주로 JSON 데이터만 제공

장점