--- tags : "Intro" --- # Intro React > 목적 1. *React* 는 어떤 프레임워크인지 알아보자 2. *React Web*을 만드는 기본적인 방법을 알아보자 - 개발환경을 직접 구축한다면 - webpack을 이용한다면 - CRA(create-react-app)를 이용한다면 > React를 시작하기 전에 Rect는 하나의 방식이 아닌 어려가지 방식에 따라 개발이 가능하다. 당장 Component만 하더라도 class과 hook으로 개발이 가능하고 데이터의 통신도 다양한 방식으로 가능하다. > **React**란 무엇인가? React는 UI를 구축하는 framework로 오로직 rendering을 지원하기 때문에 라우팅, 상태관리, 시스템을 전부 직접 구축해야한다. (이에대한 해결점중 하나가 CRA를 통해 앱을 구축하는것이다)</br></br> > 개발 환경 직접 구축하기 [https://unpkg.com/browse/react@17.0.1/](https://unpkg.com/browse/react@17.0.1/)에서 react build pkg를 버전별로 관리하고 있다. 원하는 버전의 `react.developmemt.js`, `react.production.min.js` 파일을 받아서 기본적인 react환경을 구축할 수 있다.</br></br>React는 기본적으론 web 개발을 위해 만들어 졌지만 native등을 통해 하이브리드 앱을 개발할 수도 있으며 다양한 방식의 개발이 가능하다. web 개발을 위해서 [https://unpkg.com/browse/react-dom@17.0.1/](https://unpkg.com/browse/react-dom@17.0.1/)에서 `react-dom.development.js`, `react-dom.production.min.js`를 받아서 dom 기반 web page를 빌드할 수 있다.