<!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
'KIC > React' 카테고리의 다른 글
| [React] Component 분리/모듈화 (0) | 2020.11.04 |
|---|---|
| [React] Component 분리 (0) | 2020.11.04 |
| [React] JSX(JavaScript Expression)문법/ 예제(기본설정,백업,복사) (0) | 2020.11.03 |
| [React] Reactjs code snippets (0) | 2020.11.03 |
| [React] open in browser (0) | 2020.11.03 |