전체 글 408

[AngularJS 2.0] AngularJS 2.0 Tutorial3_routing

Angular.io 에서 제공하는 튜토리얼을 정리한 것입니다. 사진 클릭시 튜토리얼로 이동!! RC4기준 !!6. Routing (1) - 파일 분리하기1. 이전 프로젝트와 달라지는 것 대시보드 화면 추가Heroes와 대시보드 화면 이동선택된 히어로의 디테일을 다른 화면에서 보여주기clicking a deep link in an email opens the detail view for a particular hero 2. 폴더 구조 3. Plan AppComponent를 네비게이션만 다루는 하나의 application shell 로 변경 Heroes concerns을 AppComponent와 HeroesComponent로 나누어 재위치 routing 추가 DashboardComponent 생성 Tie D..

ANgularJS 2.0+ 2016.09.19

[AngularJS 2.0] AngularJS 2.0 Tutorial2_service

Angular.io 에서 제공하는 튜토리얼을 정리한 것입니다. 사진 클릭시 튜토리얼로 이동!! RC4기준 !!5. Service 1. 폴더 구조 2. Chapter4의 issue - hero를 정의하는 것은 컴포넌트의 일이 아니다.- 공유하기가 쉽지 않다. new 키워드를 대체하기 위하여private property를 정의하기 위해 constructor를 추가.constructor를 사용하기 위하여 컴포넌트에 provider 사용. 3. app.component.ts123456789101112131415161718192021222324252627282930313233343536import { Component, OnInit } from '@angular/core';import { Hero } from '..

ANgularJS 2.0+ 2016.09.19

[AngularJS 2.0] AngularJS 2.0 Tutorial1

Angular.io 에서 제공하는 튜토리얼을 정리한 것입니다. 사진 클릭시 튜토리얼로 이동!! RC4기준 !!1. Introduction package.json 프로젝트에 필요한 package 들의 listtsconfig.json TyleScript compiler configration file.typings.json identifies typeScript definition filessystemjs.config.js SystemJS 정의 파일 2. The Hero Editor 1. 프로젝트 구조 2. app.component.ts123456789101112131415161718192021222324import { Component } from '@angular/core';export class Her..

ANgularJS 2.0+ 2016.09.19

각 브라우저별 특징

브라우저 동작은 어떻게 이루어 지는가?http://d2.naver.com/helloworld/59361http://www.slideshare.net/JinKyoungHeo/1-2-53043752 http://deview.kr/2012/xe/index.php?mid=track&document_srl=449&time_srl=246 각브라우저 특징http://www.itworld.co.kr/print/65392 button의 각 브라우저 renderinghttp://nuli.navercorp.com/sharing/blog/post/2038 프론트앤드 개발자의 일http://www.slideshare.net/jinkwonlee52/frontend-46605098 여러 브라우저에서 테스트하기BrowserSync ..

javascript & jQuery 2016.09.12

Database Replication

Replication 데이터 저장, 백업하는 방법과 관련이 있는 데이터를 호스트 컴퓨터에서 다른 컴퓨터로 복사하는 것인데 이때 다른 컴퓨터가 반드시 떨어진 지역에 있어야 하는 것은 아니다. 컴퓨터 네트워크 상태에서는 데이터 저장을 할 수 있게 하는데 로컬 데이터 물리적 기억 장치와는 완전하게 구분된다. 레플리케이션은 유명한 데이터베이스 관리 시스템에서 추가적으로 제공하거나 여러 대의 데이터베이스 서버의 부하를 맞추어 줄 용도로 제공한다. 레플리 케이션은 남아 있는 리소스와 관련이 있는데 소프트웨어 요소나 하드웨어 부품이 말해 주며, 이는 신뢰성, 허용 오차, 그리고 성능을 개선한다. 전형적으로 replication in space 와 관련이 있는데 이것은 동일한 데이터를 다수의 저장 장치에 저장하거나 동..

Database 2016.09.07

angular interval interceptor (수정중)

angular1 intervalhttp://wisdomcastle.github.io/2016/01/25/angular-$inverval.html angular2 interceptorhttps://blog.tomasandtomas.com/angular-2-http-interceptors-7e2d74b7f14e#.5e6e50zhr observable.interval vs observable.timerhttps://github.com/ReactiveX/RxJava/issues/2778 http://xgrommx.github.io/rx-book/content/observable/observable_methods/interval.html 1. interceptor가 필요한 이유 원격 서버를 호출할 때마다 또는 서..

ANgularJS 2.0+ 2016.09.06

observable 관련 (수정중)

http.get 이 return 하는 observable은 angular 2가 아니라 rxjs에 있는 것이다.rxjs는 systemjs.config.js에 있다.Angular 1.x에서 http.get은 promise를 반환, Anguar 2.x에서는 observable을 반환data loading 하기 위해 ngOnInit() 사용.map((res:Response)=>res.json()) 은 observable을 반환 Observables are a powerful way to manage asynchronous data flows. Http method는 HTTP Response의 Observable을 반환한다. angular observable documenthttps://angular.io/doc..

ANgularJS 2.0+ 2016.09.06
반응형