사용자 도구

사이트 도구


wiki:javascript:react

문서의 이전 판입니다!


React

  • description : React 관련 내용 기술
  • author : eleven
  • email : jskim@repia.com
  • lastupdate : 2020-08-18

Intro

React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다.
“컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.
by - https://ko.reactjs.org/tutorial/tutorial.html

  • Component 단위의 작성
  • JSX (JavaScript + XML)
  • Virtual DOM



JSX

const element = <h1>Hello, world!</h1>;
 
const name = 'eleven';
const element = <h1>Hello, {name}</h1>;    // 중괄호 안에서 변수 또는 함수를 사용할 수 있다.


이클립스에서 React 시작하기
<script src="https://unpkg.com/react@15/dist/react.min.js"></script>                             // react.  
<script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>                     // react-dom. 화면출력을 위해 필요.
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.38/browser.min.js"></script>  // babel. es6언어를 지원해주는 라이브러리 필요.

Case Study

Tip

Troubleshooting

Ref

/volume1/web/dokuwiki/data/attic/wiki/javascript/react.1609112324.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)