728x90 반응형 아이오닉15 [하이브리드앱 ionic]시작해보기 7 - 페이지이동하면서 toast 창 보이기 app.component.html 비회원으로 이용하기 버튼을 하나 만들고, (click)=presentToast(); 클릭하면 toast 창을 띄우도록 만든다. app.component.ts import { Component } from '@angular/core'; import { Platform } from '@ionic/angular'; import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx'; //토스트창 import { ToastController } from '@ionic/angular'; //페이지이동 import { NavContro.. 2019. 7. 2. [하이브리드앱 ionic]시작해보기 6 - 컴포넌트 css 적용하기 ion-button 이나 ion-item 등의 컴포넌트를 쓰다보면 원치않는 기본 css가 적용되어있고, 바꾸려고 해도 원하는대로 적용되지 않는다. https://ionicframework.com/docs/api/item ion-item - Ionic Documentation Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards ionicframework.com 문서의 CSS Custom Properties 부분을 참고해 css를 수정해야한다. ion-item안에 이미지를 넣었는데 100%로 꽉채워도 빈공간.. 2019. 7. 2. [하이브리드앱 ionic]시작해보기 5 - 다양한 컴포넌트 만들기 컴포넌트 예제 확인하기 - 아래 링크를 통해 쉽게 따라할 수 있다. https://ionicframework.com/docs/v3/components/#overview Ionic Framework Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards ionicframework.com 컴포넌트에 대한 설명은 아래 링크에서 확인 https://ionicframework.com/docs/api/action-sheet ion-action-sheet - Ionic Documentation Ionic is the a.. 2019. 6. 28. [하이브리드앱 ionic]시작해보기 4 - alert창 띄우기 버튼을 만들고, 버튼을 클릭했을 때 alert 창을 띄우도록 합니다. html 파일 안에 버튼을 생성합니다. 페이지명.page.html alert 원하는 위치에 버튼을 넣고 (click)="presentAlert()" 버튼을 클릭했을 때 presentAlert 함수를 호출합니다. presentAlert 함수는 페이지명.page.ts 파일에 정의해 줍니다. last 라는 이름의 페이지에 추가해 보았습니다. last.page.ts import { Component, OnInit } from '@angular/core'; import { AlertController } from '@ionic/angular'; @Component({ selector: 'app-last', templateUrl: './last... 2019. 6. 28. 이전 1 2 3 4 다음 728x90 반응형
