1. React란 무엇인가?

1-1. React의 정의

React는 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리이다.

Facebook(현 Meta)에서 개발
목적: 복잡한 화면을 효율적으로 관리
핵심 철학:

👉 “상태(State)가 바뀌면 화면이 자동으로 다시 그려진다”

1-2. React를 사용하는 이유

기존 웹 개발 방식의 문제점:

기존 방식	문제
HTML + JS 직접 DOM 조작	코드가 복잡해짐
이벤트마다 DOM 변경	유지보수 어려움
화면 로직과 데이터 로직 혼재	확장성 낮음

React의 해결 방식:

UI를 컴포넌트(Component) 단위로 분리
DOM을 직접 만지지 않음
상태 중심(State-driven) 렌더링

2. SPA(Single Page Application) 개념

2-1. 전통적인 웹 (MPA)

페이지 이동 시마다 서버에서 HTML을 다시 내려받음
예: JSP, Thymeleaf 기반 서버 렌더링

요청 → 서버 → HTML 응답 → 화면 변경