React 의 JSX 문법을 사용하기 위해서는 jsx 문법으로 파일(예 aaa.react.js)을 만들고 babel 로 .js 로 컴파일(aaa.js)해서 일반적인 js 문법 파일로 만드는 cli 방식 과
아래와 같이 npm 으로 babel 을 설치하면 생기는 browser.js 를 웹페이지에 포함하여 처리하는 방법이 있다.(아래 예제는 CDN사용)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="root"> </div> <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> <script type="text/babel"> 'use strict'; ReactDOM.render(<h1>Hello</h1>, document.getElementById('root')); </script> </body> </html> | cs |
Rss Feed