http 11

HTTP Push & Pull

PUSH 기법 푸시 기법 또는 서버 푸시(server push)는 인터넷 상에서 어떤 전송 요청이 중앙 서버에서 시작되는 정보 전달 방식이다. 이것은 전송 요청이 클라이언트에서 시작되는 풀 기법과 대비되는 것이다.푸시 기법은 사용자가 일일이 요청하지 않아도 사용자에게 자동으로 뉴스나 사용자가 원하는 특별한 정보, 예를 들면 증권시장의 주기적인 정보 같은 것을 제공한다.푸시 기법의 가장 큰 이점은 역시 정보의 맞춤화(Customization)가 가능하다는 점에 있다. 즉 사용자가 이미 등록되어 있기 때문에 등록된 사용자 정보에 의해 타겟을 정확히 선정할 수 있는 것이다. https://ko.wikipedia.org/wiki/%ED%91%B8%EC%8B%9C_%EA%B8%B0%EB%B2%95 폴링과 콜백일반..

기타내용 2018.03.16

[ANgular 2.0] Tutorial rc.5 migration

AngularJS Tutorial 2.0 RC4 to RC5 Migration Migration Step !!! Node V5.x.x / npm 3.x.x 이상 필요 !!! 1. quick-start의 json 파일 Copy&Pastehttps://angular.io/docs/ts/latest/quickstart.html 2. 프로젝트의 node_modules 제거 3. npn installnpm install @angular/{core,common,compiler,platform-browser,platform-browser-dynamic} –save Peer Dependency 오류 발생시 직접 설치 해야함 4. npm start start error 발생할 경우 -> package.json 변경"st..

ANgularJS 2.0+ 2016.09.29

[AngularJS 2.0] AngularJS 2.0 Tutorial4_http

Angular.io 에서 제공하는 튜토리얼을 정리한 것입니다. 사진 클릭시 튜토리얼로 이동!! RC4기준 !!7. Http 1. Providing HTTP Services 이번 장에서는 원격 서버의 웹 API에 대응하는 HTTP 호출을 하는 응용 프로그램을 만들것이다. HTTP는 core Angular module이 아니다. npm package를 통해서 @angular/http 라는 add-on module로 제공된다. 튜토리얼을 따라왔다면 우리는 systemjs.config에서 필요한 라이브러리들을 이미 다운 받았다. HTTP를 어디에서나 엑세스하기 위하여 main.ts 의 bootstrap에 등록한다. HTTP_PROVIDERS를 bootstrap의 2번째 파라미터로 등록하는 것은 @Componen..

ANgularJS 2.0+ 2016.09.19

[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 통신 VS Socket 통신

단말기와 웹서버와 통신 방식은 다음과 같이 크게 두 가지로 구분할 수 있습니다. ① HTTP 통신 ② Socket 통신 HTTP와 Socket의 가장 큰 차이점은 접속(Connection)을 유지하는지의 여부입니다. 물론 파일 전송만을 전문으로 처리하는 FTP도 있지만 이것은 HTTP를 확장한 개념이므로 HTTP에 포함시키겠습니다. 1. HTTP 통신 HTTP 통신은 웹브라우저에 정보를 표시하는 것과 같이 클라이언트의 요청이 있을 때 서버가 해당 페이지에 대한 자료를 전송하고 곧바로 연결을 끊는 방식입니다. 현재 여러분이 제 블로그를 보고 있지만 맨 처음 이 페이지가 보여지는 순간만 서버와 연결되고 현재는 서버와 접속이 끊어진 상태입니다. 이 상태에서 F5 키를 눌러 새로고침을 하거나 다른 페이지로 이동..

javascript & jQuery 2016.08.18

[AngularJS 2.0] AngularJS 2.0 Tutorial 흐름

목차 프로젝트 분석 흐름이 순서대로 따라가며 보면 편할 듯하다. 프로젝트 필요하신 분은 깃헙 (https://github.com/eunhyekimkeh/angularjs2_tutorial) 또는 댓글주세요! 깃헙에 파일 제대로 올라가있는지 모르겠음앞 내용들의 추가 내용template : 뷰 역할component : 뷰&모델의 상태 관리service : 비즈니스 로직import 하면 directive를 해줌provider : 서비스들 injectpipe : 다국어 처리할 때 도 같은 것, 시스템에가서 설정에 맞게 값을 반환 (@angular/common)browser-pipe.ts : 미리 올려 놓는 것?any ofen : 0.0.0.0 으로 IP 잡기 routes.ts 는 동기방식path : 실제 url..

ANgularJS 2.0+ 2016.08.05

[AngularJS 2.0] App Lifecycle

링크에서 내용 찾아보세요.https://mayajuni.github.io/2016/10/21/angular2-lifecycle-hooks/ ngOnInit angular가 data bound input property 초기화한 후 directive/component 초기화ngOnInit is invoked after the component is constructed and is the best place to initialize property values.constructor와 비슷하지만 시점의 차이가 있다. 참고Timing : after the first ngOnChanges.ngOnChangesangular 가 data bound input property를 설정 한 후 respond, 즉 inp..

ANgularJS 2.0+ 2016.08.03
반응형