시작이 반

화면 사이클 순서사이 중간에 다른 라이프사이클이 있는데 내가 필요한 사이클만 적어놓음. https://webcake.co/page-lifecycle-hooks-in-ionic-2/ - 자세한 내용은 여기 참조할것. 처음 화면 진입 순서 constructor - ngOnInit - ionViewWillEnter - ionViewDidEnter NavController의 pop() 혹은 popToRoot() 후 돌아갔을 때 진입 순서 constructor - ngOnInit - ionViewWillEnter - ionViewDidEnter - ionViewWillEnter - ionViewDidEnter constructor와 ngOnInit은 다시 호출되지 않는다.

서비스 추가$ ng g service 서비스명 서비스는 Angular CLI 의 디렉토리 경로에 서비스명.service.ts 라는 이름으로 만들어진다. import { Injectable } from '@angular/core'; @Injectable()export class 서비스명Service { constructor() { } } @Injectable() 은 주입 가능한 클래스라는 뜻으로 사용한다. 소스 파악용으로 작성하므로 추가하도록 하자. 이렇게 만들어진 서비스는 컴퍼넌트에서 import 하고,@Component 내 providers의 배열로 추가한다. import { FirstService } from './서비스명.service'; @Component({ providers: [FirstSer..

:host {...}쉐도우 돔 전체를 감싼다. template: `엄마 딸`,styles: [`:host {display: block;border: 2px solid #000;width: 300px;}`] 결과로 border 2픽셀 짜리 검정 실선이 엄마부터 딸까지 전부를 감싼다. :host(.className) { ... }부모컴퍼넌트에 쓰인 자신의 컴퍼넌트 클래스명에 의해 스타일이 변경 부모selector: 'parent',template: `엄마 `,styles: [`:host {display: block;border: 2px solid #000;width: 300px;}`] 자식selector: 'child',template: `딸`,styles: [`:host(.smile) {display: b..

출처 : http://stackoverflow.com/questions/34326745/whats-the-difference-between-viewchild-and-contentchild Q : Angular 2 provides @ViewChild, @ViewChildren, @ContentChild and @ContentChildren decorators for querying a component's descendant elements. What's the difference between the first two and the latter two?A : I'll answer your question using Shadow DOM and Light DOM terminology (it have come..

1. Angular CLI# Angular CLI 설치$ npm install -g angular-cli # Angular CLI 프로젝트 생성 (먼저, 프로젝트를 만들 디렉토리로 이동후에 해야 함.)$ ng new 프로젝트명 # Angular CLI 프로젝트로 이동$ cd 프로젝트명 # Angular CLI 프로젝트 개발 서버 실행$ ng serve기본 로컬호스트:기본포트 http://localhost:4200/ 포트변경 HTTP 서버 포트, 라이브리로드 서버 포트 $ ng serve --port 4201 --live-reload-port 49000 2. Angular CLI를 이용한 Angular 구성요소 추가# 컴포넌트 추가$ ng g component 컴포넌트명컴퍼넌트의 경우 /app/컴퍼넌트명/..

미국으로 출국하기전 한국에서 미국 유심 (H2O)을 구매해 가져갔다. 한국으로 들어오는날 캐나타 토론토공항에서 봤는데 당연하겠지만 데이터 안터진다.. ㅋㅋㅋ 라과디아 공항에 다다르기 전에 유심을 갈아끼웠는데 응?[서비스불가] 뜬다. 헐!!!!!!! 다시 한번 핸드폰 재부팅 고고 그사이에 비행기는 공항에 랜딩했다 . 엄마... 엄마 나 어떡해....!? 다시 키니까 다행히 데이터는 안터지고 전화는 되더라. 공항에서 화물짐 찾고 나오면서 미리 예약한 한인택시에 전화할 수 있었다. 무사히 민박집에 도착 후 민박집 와이파이로 LTE 데이터 연결할 수 있게끔 이상한 프로그램을 다운받아서 연결해줬다. 통신사에서 제공하는건데 망할 기억력ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그렇다. 까먹었다.ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 여튼..

-webkit-touch-callout MDN 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-touch-callout /* Keyword values */ -webkit-touch-callout: default; -webkit-touch-callout: none; /* Global values */ -webkit-touch-callout: initial; -webkit-touch-callout: inherit; -webkit-touch-callout: unset; -webkit-touch-callout 는 모바일기기에서 사용하는 css 이다.PC웹에서는 필요가 없다.이는 사용자가 화면을 길게 누르고 있으면 화면 하단에서 나오는 메뉴를 제어할 수 ..

뉴욕의 호텔은 왠만한곳에서 묵을라면 1박에 20만원정도 합니다. 저는 11박을 해야 했으니 220만원...덜덜... 비행기티켓 이미 다 끊어놓고 숙박비에 못가겠다 싶을때알게 된것이 한인민박! 미여디 까페에 제휴중인 한인민박집 중 K* 게스트하우스에 묵게 되었습니다. 내가 사용한 침대 반대쪽에 있는 남의 침대를 찍었습니다.거실로 사용하던 공간을 커텐으로 가리고 저렇게 책장으로 벽을 만들어놓았지요 침대 오른쪽으로는 책상이 있고 그 책상 지나서 제 침대와 전면유리 창이 있습니다.아쉽게도 사진이 이거 한장 뿐이네요;; 10일 숙박해서 60만원 정도의 숙박비가 들었습니다.마지막 하루는 공항 근처 호텔에서 잤네요 ㅠㅠ; 제가 묵은 곳은 2인실 방 하나 2인실 거실방 하나 해서 총 4명이 이용할 수 있는 곳이었습니다..

pointer-events MDN 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events /* Keyword values */ pointer-events: auto; pointer-events: none; pointer-events: visiblePainted; pointer-events: visibleFill; pointer-events: visibleStroke; pointer-events: visible; pointer-events: painted; pointer-events: fill; pointer-events: stroke; pointer-events: all; /* Global values */ pointer-events: ..

기내식비행기 이용에 가장 큰 즐거움이죠. 기내식먹는 시간! 먼저 평가를 하자면,그냥.저냥.그닥.뭐..딱히..랄까.. 하얀 네모는 케이크입니다. 달디 달아요샐러드 같은건 우리나라의 샐러드와는 다른 맛이에요.아.. 제일 배신감 느낀 토마토주스.. 그냥 다른 음료예요. 맛없어요.방심하면 안되요비프달라고 하면 주는 세트 입니다. 퍽퍽해요.김치가 있어 그나마 편하게 먹었어요. 한숨늘어지게 자고 나면 주는 아침밥입니다.네, 오믈렛이에요....과일이 참 맛있었어요. 치킨 세트 입니다.토마토주스의 실패로 오렌지주스를 시켰어요.비프보다는 치킨세트가 갠적으로 더 나았습니다. 이후에 사람들 한참 잘때 후다닥 스쳐지나가듯이 주는 샌드위치가 있어요.맛은 있는데 뭐랄까.. 편의점에서 파는 샌드위치 같은 구성이랄까.. 대신 빵이 ..