React Binding(이벤트/메서드 연결) React에서의 binding을 이해하기 위해서는 Javascript에서의 this의 이해가 중요하다. Javascript에서 Binding Javascript에서는 객체 안에서의 this는 해당 메서드가 포함된 Object를 가르킨다. var obj = { prop: 'Hello', sayHello: function() { console.log( this.prop ); } }; obj.sayHello(); // "Hello" 위의...
Component의 Props State props Properties(속성)의 Props이다. 리액트에서 하위 컴포넌트에게 변동하지 않는 데이터를 다룰 때 사용한다. create-react-app을 통해 만든 기본 프로젝트에서의 사용 예는 다음과 같다. ReactDOM.render(<App name="홍성문" age={28} />, document.getElementById('root')); 기존 으로 컴포넌트를 생성했다면 props를 적용하기 위하여 name=”홍성문” age={28} 와 같은...
SPA(Single Page Application) 란 ? SPA(Single Page Application)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 기존 웹 서비스는 요청시마다 서버로부터 리소스들과 데이터를 해석하고 화면에 렌더링하는 방식이다. SPA형태는 브라우저에 최초에 한번...
React의 탄생 배경과 Virtual DOM 1. 간단한 React 탄생 배경 JQuery, Backborn, AngularJS, React 2006년 John Resig가 Jquery를 발표한 이후, Jquery가 DOM을 다루는 방식은 지금까지도 가장 쉽고 효율적인 방식으로 인정받고 있으며, 오랜 세월동안 사실상의 표준으로써 군림했다. Backbone과 AngularJS를 위시한 SPA(Single...
Integrating Servlet and JSP MVC Architecture 1. MVC Architecture MVC1, MVC2 비교 포스팅 참조 MVC FLow of Control Flow Browser가 Servlet에게 Request를 보낸다. Servlet은 Request에 대한 결과가 들어가 있는 Bean을 Instance화 한다. 서블릿은 JSP 페이지와 커뮤니케이션을 한다. JSP 페이지는 Bean과...