[React] 리액트(React)란? [사용자 인터페이스를 만들기 위한 JavaScript 라이브러리]

---

1. 리액트(React)란?

사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

---

2. 리액트의 특징

• 사용자 인터페이스를 편하게 만들기 위해서
• 싱글 페이지 애플리케이션(화면 깜박임 없이 자연스럽게 페이지 이동)
• 앱 같은 경험을 웹에 적용

- 왜 사용하는가?

• 사용자 경험 : 앱 같은 경험을 웹에 적용하여 사용자 경험이 좋아진다.
• 데이터 화면 일치 : 데이터를 화면에 반영할 때 일치시키는 게 좋아진다.
• 재사용 컴포넌트 : 중복 요소를 하나로 묶어줘서 유지보수가 용이하다.
  

---

3. 사용 방법

- head 태그에 react 추가

 <!-- react 동작을 위한 핵심적인 코드 -->
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<!-- react 코드를 웹에다 붙여주는 역할 -->
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<!-- 배포시에는 react.development.js을 react.production.js으로 바꿔준다. -->

CDN 링크 – React

 

참고자료 : https://www.inflearn.com/course/web-game-react

---