티스토리 뷰

Language/Node.js

react hello world 출력하기

KyeongRok Kim 2016. 12. 11. 14:17

react hello world 출력하기


메모장에 붙혀넣고 hello.html로 저장하고 웹브라우져로 실행하면 됨

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/babel">
      
      var Wrapper = React.createClass({
          render:function(){
              return(
                  <div className="wrapper">
                      hello
                  </div>
              )
          }
      });
      
      ReactDOM.render(
          <Wrapper />
          ,document.getElementById('content')
      )
    </script>
    <style>
        .wrapper{
            border: 1px solid black;
            width:600px;
            height:600px;
        }
        
    </style>
</head>
 
<body>
<div id="content"></div>
</body>
</html>
cs

참고:react tutorial

end.



저작자표시 비영리

'Language > Node.js' 카테고리의 다른 글

node.js 웹 페이지 크롤링 - 해당 주소의 페이지를 저장하는 코드  (0) 2017.01.08
node-xlsx를 이용해 excel파일을 핸들링 해보자 - 제1편 npm node-xlsx 설치하기  (0) 2016.12.14
Mongo DB Windows Gui Tool Robomongo 설치 및 실행  (0) 2016.12.04
Mongo DB 설치 in Windows  (0) 2016.12.04
bluemix node.js앱에 node-telegram-bot-api 붙이기  (5) 2016.11.22
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함