<ReactJS 리액트js> 리액트 시작하기

- 리액트 설치하기

리액트는 자바스크립트 라이브러리의 일종으로, 개별 프로그램으로 존재하는 것이 아니기 때문에 단순히 다음의 링크를 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로 영화 웹 서비스 만들기>