KIC/React
[React] 라이브러리(cdn) 예제(react, reactDOM, babel)
octopengj
2020. 11. 3. 15:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 1.라이브러리(cdn) -->
<!-- 라이브러리 지정(cdn)(react,react-dom), babel 필수 설치 -->
<script src="https://unpkg.com/react@15/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>
예제1
웹페이지에 랜덤 텍스트 뿌리기
새로고침을 누를 때마다 랜덤하게 출력이 된다.
결과화면 1
결과화면 2
결과화면 3
예제 2
<script type="text/babel"> 에서는 완벽한 ES6문법을 지원하지 않는다.
/*
복잡한 화면 디자인은 변수로 선언해서 부착시킬것
웹상에서는 ' ', " ",` ` 은 사용하지 말것.
*/
예제3
