프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리

JSX를 사용하며, 컴포넌트 기반으로 재사용성 높음

단일 페이지를 로드하고 내용물만 바꿔 렌더링하는 SPA (Single Page Application) 방식

동작원리

React가 실행될 때 Virtual DOM 생성

브라우저가 index.html을 로드하면, 버추얼 돔이 빈 페이지에 내용물을 채움

Virtual DOM

사용자가 다른 페이지로 이동하면, React Router가 감지하여 페이지의 내용물을 교체

단점

• js파일의 크기가 커서 초기 로딩 시간이 비교적 길다
• SEO(검색엔진 최적화)에 불리함
  • 검색엔진은 html파일을 분석하는데 index.html은 빈 껍데기이기 때문