로메오의 블로그

ionic 차례 src/app/auth/login/login.page.html Sign In Forget Password login 화면에서 sign In 버튼을 눌렀을때 동작을 주석처리하고 임시로 home 화면으로 링크를 추가합니다. src/app/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 { Router } from '@angular/..

ionic 차례 login 페이지를 만듭니다. $ ionic g page auth/login src/app/welcome/welcome.page.ts .... ngOnInit() { setTimeout(() => { this.router.navigateByUrl('login') }, 5000) } .... } this.router.navigateByUrl('home') this.router.navigateByUrl('login') 위와같이 welcome 페이지에서 login 페이지로 이동하도록 수정합니다. src/app/auth/login/login.page.html Sign In Forget Password src/app/auth/login/login.page.scss ion-content { } io..

ionic 차례 $ ionic --version 5.4.13 $ cordova --version 9.0.0 (cordova-lib@9.0.1) $ ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 8.1.3 Node: 10.16.3 OS: darwin x64 Angular: 8.1.3 ## 2020년 1월 현재 ..

ionic 차례 모듈추가 src/app/app.module.ts .... import { HttpClientModule } from '@angular/common/http'; @NgModule({ .... imports: [ .... HttpClientModule, .... ], .... }) httpClientModule을 주입합니다. 전체소스 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouteReuseStrategy } from '@angular/router'; import { IonicModule, IonicRouteStrategy } from ..

ionic 차례 Angular Cli 설치 $ sudo npm install -g @angular/cli $ ng --version Angular CLI: 8.1.3 Node: 10.16.3 OS: darwin x64 Angular: 8.1.3 Angular 업그레이드 Angular 업그레이드 전에 소스를 모두 커밋해야 합니다. $ ng update @angular/cli @angular/core $ ng --version Angular CLI: 8.3.22 Node: 10.16.3 OS: darwin x64 Angular: 8.2.14 Angular Material / CDK 설치 $ ng add @angular/material 질문에 모두 Enter를 칩니다. CDK 주입하기 src/app/app.m..

ionic 차례 iOS platform 생성하기 $ ionic cordova platform add ios Xcode에서 프로젝트 열기 $ open platforms/ios/MyApp.xcworkspace 시뮬레이터로 Run 합니다. ionic 차례

ionic 차례 Andriod Platform 생성하기 $ ionic cordova platform add android Android Studio에서 프로젝트 열기 Android Studio에서 firstProject/plaforms/android 프로젝트를 열고 Run app 합니다. net::ERR_CONNECTION_REFUSED 해결하기 android 에뮬레이터에서 이런 오류가 발생하면 config.xml에 추가합니다. MyApp An awesome Ionic/Cordova app. Ionic Framework Team .... $ ionic cordova emulate android 그리고 명령어로 빌드를 한번 하고 android studio에서 다시 빌드하면 정상 실행됩니다. ionic 차례

[차례] [IONIC] 시작하기 - 환경설정 [IONIC] ANDROID 생성 / 빌드 / 실행하기 [IONIC] IOS 생성 / 빌드 / 실행하기 [ANGULAR] IONIC ANGULAR ROUTER [ANGULAR] LOGIN PAGE 화면 제작 [ANGULAR] SIDEMENU 추가 [IONIC] ANDROID / IOS BUILD AND RUN [ANGULAR] COMPONENT HEADER 변경 [IONIC] SPLASH, ICON RESOURCES 변경하기 [ANGULAR] IMAGE SLIDER 구현하기 [Angular] 비밀번호 찾기 화면 구현 [Angular] Popover 구현하기 [ANGULAR] NGX-TRANSLATE 다국어 처리 [ANGULAR] ANGULAR MATERIAL ..