[DEV] App Dev ∕ Mobile/Framework ∕ Ionic 검색 결과
22 개의 검색 결과가 있습니다.
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[Ionic] 개발 참고자료 목록

개요 이 페이지는 Ionic 프로젝트로 앱/웹을 구현하면서, 검색하여 참고한 사이트 및 정보를 정리해놓았습니다. 참고자료 목록 Ionic 일반 React Playground 테스트 페이지 https://codesandbox.io/s/ionic-playground-ts-o0p8j?file=/src/app.tsx

2022. 10. 31. 23:33
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[Ionic 5] 핵심 명령어 정리

## ionic 설치 $ npm install -g cordova ionic ## ionic 프로젝트 생성 $ ionic start new-app-name blank $ ionic start new-app-name tabs $ ionic start new-app-name sidemenu ## Build $ ionic cordova platform add android $ ionic cordova platform add ios $ ionic cordova build android $ ionic cordova build android --prod --release --keystore=my.keystore $ ionic cordova build ios $ ionic cordova emulate android ..

2021. 10. 18. 17:41
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[ionic 5] Push Notifications 추가하기

1. sudo ionic cordova plugin add cordova-plugin-local-notification2.npm install @ionic-native/local-notifications 3. app.module.ts 상에 서비스 선언//LocalNotifications(ngx로 import 해야함) 추가import { LocalNotifications } from '@ionic-native/local-notifications/ngx'...providers: [ StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, LocalNotifications ],...

2020. 9. 30. 01:15
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[Ionic 5] Ion-컴포넌트 광역 기본 스타일 적용

# 개요 프로젝트에 걸쳐, 특정 ionic component에 일괄적인 스타일을 적용하고 싶거나, 기본 속성이 비슷하다면, 예를 들어 버튼은 투명 배경에서 주로 사용된다면, 글로벌 스타일시트에 ionic component 별 기본 스타일을 적용해두는 것이 바람직하다. # 적용하기 theme/variable.scss 상에서 :root{} 태그 안에 넣어주면, Application에 전체적으로 적용된다. /* Set the color on all ion-button elements */ ion-button { --color: #222; } //ion-button이 내부적으로 var(--color) 형식으로 적용되기 때문에, --color 라는 미리 지정된 예약어에 값을 할당해주어야 한다. /* Set the..

2020. 8. 14. 02:27
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[Ionic 5] 플랫폼 관련 작업

# 개요 Ionic 은 다양한 플랫폼을 지원하는 만큼 기본적으로, md, ios, core 모드를 제공한다. 각각의 플랫폼(ios, android 웹뷰, chrome 등)은 기본값을 가진다. # 플랫폼 모드 글로벌 적용하기 특정 정의가 없다면, 플랫폼 별로 다른 Style들이 적용된다.(ionic component 내에 mode별로 정의됨) 같은 ionic-component라도, mode 속성을 따로 강제하지 않는다면, 플랫폼별에 맞은 스타일로 변경되어 렌더링 된다. app.module.ts 中 import { IonicModule , isPlatform} from '@ionic/angular'; @NgModule({ ... imports: [ BrowserModule, IonicModule.forRoo..

2020. 8. 14. 02:14
[DEV] App Dev ∕ Mobile/Framework ∕ Ionic

[Ionic 5] 키보드 조작하기

# 개요 어플리케이션을 개발하다 보면, 키보드를 input 컴포넌트에 따라 다르게 보여줘야된다거나, 키보드가 보여질 때 특정 작업을 수행해야할 경우가 생긴다. ionic은 아래와 같은 네이티브 키보드 기능들을 제공한다. # 키보드 숫자만 보여주기 # 키보드 엔터입력시, 이벤트 처리 # 키보드 열림/닫힘 시 이벤트 처리 # 출처 - https://ionicframework.com/docs/developing/keyboard

2020. 8. 14. 02:01