리액트 (2) 썸네일형 리스트형 React 바인딩(이벤트/메서드 연결) 자바스크립트에서 바인딩 (Javascript Binding) 결론부터 이야기하면 key point는 자바스크립트에서 "this"에 대한 이해가 완벽히 되어있어야 한다.리액트 바인딩을 알아보기 전 자바스크립트에서 바인딩을 알아본다.자바스크립트에서 객체안의 메서드에서 this는 그 메서드가 포함된 object를 가리키게 된다. 12345678var obj = { prop: 'Hello', sayHello: function() { console.log( this.prop ); }}; obj.sayHello(); //"Hello" 즉, 위의 예제에서 sayHello 메서드안의 this는 obj객체가 되어 obj.prop인 Hello를 전달받아 콘솔 로그를 찍는다.obj의 sayHello()를 다르게 출력해보면 .. 리액트(React) 리액트(React) React는 페이스북에서 개발한 UI 라이브러리로 재사용 가능한 UI를 생성할 수 있게 해준다.React는 라이브러리긴 하지만 Redux, react-router와 함께 프레임워크처럼 사용된다.React는 Virtual DOM이라는 개념을 사용하여 상태 변화에 따라 선택적으로 UI를 렌더링한다.DOM (Document Object Model)객체를 통해 구조화된 문서를 표현하는 방법. (XML,HTML로 작성)웹 브라우저(클라이언트)는 DOM을 통해서 javascript, css를 적용한다.DOM의 문제점DOM API의 최대 문제점은 동적 UI에 최적화되지 않음이다.대규모 애플리케이션 또는 수 많은 데이터가 로딩되고 표현해야하는 애플리케이션에서 DOM에 직접 접근하여 프론트엔드에 변화.. 이전 1 다음
