목록javascript/React.js (2)
잘 정리해보자
React JS : Virtual DOM 을 통해 상태의 변함에 따라 선택적으로 UI를 렌더링 한다. ( 대규모 어플리케이션을 구축하거나 지속적인 데이터 변화에 대응하기 위한 목적 ) * Virtual DOM : DOM을 추상화 한 형태 Virtual DOM 사용 시, DOM 에 접근하여 조작하지 않고 추상화 시킨 자바스크립트 객체를 구성하여 사용 -> 데이터 업데이트 되면, 전체 UI를 virtual 에 리렌더링 한다. -> 이전 virtual 에 있던 내용과 현재 렌더링 한 내용을 비교 -> 바뀐 부분만 DOM 에 적용됨 * JSX : javascript의 확장 문법이다. DOM 요소들을 만들 때 js형식이 아닌 xml과 같은 형식으로 작성하게 해줌. (권장사항임) DOM (Document Objec..
react.js 사용을 위한 필요한 라이브러리 react.js react-dom.js browser.min.js jquery.min.js Html —————————— , document.getElementById('content') ); > result : Hello, world! I am a CommentBox. test JSX없이 코드 작성한 경우 var CommentBoxs = React.createClass({ render: function() { return React.DOM.div({className:'commentBox'}, 'Hello' + this.props.name); } }); React.render( React.createFactory(CommentBoxs)({name : "test..