---
# System prepended metadata

title: Intro React
tags: [Intro]

---

---
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를 빌드할 수 있다.
