> For the complete documentation index, see [llms.txt](https://docs.sysout.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sysout.co.kr/web/develop-page/js/reactjs.md).

# ReactJS

## ReactJS

가장 널리 사용되는 SPA(Single Page Application) 라이브러리 중 하나

2013년 페이스북의 소프트웨어 엔지니어에 의해 개발되었으며 이후 페이스북, 개별 개발자 및 기업 공동체에 의해 현재까지 꾸준히 업그레이드가 이루어지고 있다.

## React 특징

ReactJS는 오직 화면(View)에 대한 처리만 기본으로 제공하며, 그 외 다른 요소들을 사용하고 싶다면 추가 플러그인 등을 설치해야 한다. MVVM 구조를 가지는 VueJS와는 차이를 보인다.

## 문서의 구성

이 문서는 React를 이용하는 방법을 다음 두 가지 관점에서 다룬다.

1. CDN 방식 - 웹페이지에 <mark style="color:green;">`<script>`</mark> 태그를 추가하여 한 페이지에서 React 애플리케이션을 구현
2. Webpack 방식 - Webpack 번들러를 사용하여 프로젝트를 만들고 React 애플리케이션을 구현

## 개발 환경

* React 18
* vscode