텍스트# 📌 Chapter 01. React 소개
1️⃣ React란?
🔹 React의 뜻
React는 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리이다.
특히 SPA(Single Page Application) 개발에 많이 사용된다.
react는 화면을 여러 단위로 쪼개고 재사용하는 방식이다.
✔ 웹 개발을 쉽게 할 수 있도록 도와주는 JavaScript 라이브러리
💡 프레임워크 vs 라이브러리
- 프레임워크: 개발을 위한 기본 틀
- 라이브러리: 개발에 필요한 도구 또는 기능들의 집합
👉 React는 프레임워크가 아니라 UI 개발에 집중된 라이브러리이다.
그 전에는 서버에서 A 리소스 다운로드 -> B 리소스 다운로드 했었음.
SPA로 서버에서 처음에 이미 A,B라는 다운로드 받고 B로 가면 새로고침이 아닌 js로 인해 새로운 페이지로 바뀌는거임.
🔹 React의 장점
1. 트렌드성
- 대중적으로 많이 사용됨
- 기업 수요가 많음
- 방대한 생태계 보유
2. 편리성
- 화면을 여러 단위(컴포넌트)로 나누어 관리 가능
- 재사용이 가능하여 유지보수가 쉬움
- 다양한 외부 라이브러리 활용 가능
🔹 React가 트렌드화된 이유
- 전통적인 웹 서비스의 문제점을 해결
- SPA 방식(브라우저에서 화면을 그리는 방식) 도입
- 빠른 렌더링과 부드러운 사용자 경험 제공
2️⃣ React의 특징
🔹 1. 컴포넌트 기반 설계
컴포넌트는 웹 페이지를 구성하는 하나의 요소이다.
- 의미 단위로 화면을 분리
- 재사용 가능
- 유지보수성 증가
👉 화면을 조각처럼 나누어 조립하는 방식
🔹 2. 가상 DOM (Virtual DOM)
React는 실제 DOM의 복사본인 가상 DOM을 사용한다.
- SPA에서 동적인 변화를 효율적으로 관리
- DOM을 직접 조작하면서 생기는 비효율 해결
- 변경된 부분만 비교(diff) 후 업데이트
👉 성능 최적화에 매우 중요한 개념
🔹 3. 그 외 특징
- CSR(Client Side Rendering) 방식 사용
- 웹뿐만 아니라 앱 개발(React Native)도 가능
클라우드/백엔드 엔지니어 지망생