Back Ground

* 서비스 1. 등록@injectable()로 등록등록되는 시점이 필요할때 등록예로 providedln: 'root'경우는 root컴포넌트가 생성될때 등록 2.주입 (DI)생성자로 주입을 받는다. * ReactiveXObservable 정의 : 시간에 따른 Stream Of DataObservable 데이터 수신 방법subscribe( callback );

view

글로벌 환경 웹 123456789101112131415161718192021222324 webpack demo function component() { let element = document.createElement('div'); // Lodash, currently included via a script, is required for this line to work element.innerHTML = _.join(['Hello', 'webpack'], ' '); return element; } document.body.appendChild(component()); Colored by Color Scriptercs lodash의-

1. AngularJS Directives AngularJS 지시어는 접두사 ng- 를 붙여 HTML 요소를 확장시킵니다. ng-app은 AngularJS 어플리케이션을 초기화합니다. ng-init은 어플리케이션 데이터를 초기화 합니다. ng-model은 HTML 제어(input, select, textarea)의 값을 어플리케이션 데이터와 연결합니다. 1 2 3 4 5 6 Name: You wrote: {{ firstName }} Name: You wrote: {{ firstName }} 이런 식으로 Angular를 사용 할시 ng-app를 속성을 선언 해준다. 2. Data Binding 위 예제의 {{ firstName }} 식은 AngularJS 데이터 연결 식 입니다. AngularJS에서 데이..

AngularJS 살펴보기 1. To-Do 웹 어플리케이션 AngularJS를 간단히 살펴보기 위해서는 To-Do 어플리케이션을 구현해보는 것입니다. 이번 장에서 간단하게 할 일을 추가, 수정할 수 있는 웹을 AngularJS를 통해서 작성해 보겠습니다. todo 폴더를 생성하여, index.html을 아래와 같이 작성합니다. * index.html 12345678910 My To-Do App AngularJS To-Do App 여기까지 작성 후, 트위터 Bootstrap을 적용하겠습니다. http://getbootstrap.com/ 에 접속해서 내려받아서 라이브러리에 추가할 수 있지만, CDN을 통해서 적용할 수도 있습니다. 위에서 작성한 index.html의 head 태그안에 추가해줍니다. 그리고 b..

엥귤러 소개 AngularJS Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 태그를 추가하여 사용가능 합니다. AngularJS는 Directives를 붙인 HTML 요소의 확장입니다. Expressions HTML로 데이터를 연결 할 수 있습니다. Directives ng-app의 영향을 받아 바로 HTML과 결합하여 출력합니다. ​ng-app가 AngularJS의 사용 여부를 결정하는 것입니다. AngularJS는 레코드를 읽고 만들고 삭제하는 CRUD에 적합합니다. ng-app 지시자는 AngularJS의 프로그램을 자동으로 부트스트랩 합니다. (bootstrap(UI)플러그인과 다른 의미) ng-modle 지시자..