- 리액트 설치하기
리액트는 자바스크립트 라이브러리의 일종으로, 개별 프로그램으로 존재하는 것이 아니기 때문에 단순히 다음의 링크를 html 파일에 import 해주면 된다(복사해서 붙여넣기). 링크는 각각 react와 react-dom에 대한 것이다.
<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
- JSX
JSX는 자바스크립트를 확장한 문법이다. html의 문법 형태로 react 요소를 생성할 수 있게 돕는다. JSX를 사용하지 않으면, createElement 함수를 사용해야 하므로 번거로워진다. JSX를 사용하려면 html 문법 요소를 브라우저가 이해할 수 있는 형태로 자동 변환해주는 Babel을 이용하는 것이 편리하다. Babel 역시 import 방식으로 설치해주면 된다. 링크는 다음과 같다.
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel"></script>
참고 : 노마드 코더 <ReactJS로 영화 웹 서비스 만들기>
'TIL' 카테고리의 다른 글
| <모던 자바스크립트 Deep Dive> 07~08장 연산자, 제어문 요약 (0) | 2022.01.19 |
|---|---|
| <모던 자바스크립트 Deep Dive> 04~06장 변수, 표현식과 문, 데이터 타입 요약 (0) | 2022.01.18 |
| <자바스크립트 Javascript> const 키워드 (0) | 2022.01.13 |
| <자바스크립트 Javascript> let 키워드 (2) (+ 클로저) (0) | 2022.01.12 |
| <자바스크립트 Javascript> let 키워드 (1) (0) | 2022.01.11 |