목록전체 글 (284)

bboks.net™

Ionic dark 테마 제거

모든 앱이 그렇겠지만 ionic으로 만든 앱도 시스템의 theme를 따라간다. 앱에 따라 dark 테마를 적용하지 말아야 할 때가 있다. 제거하는 방법은 variables.scss의 dark schema를 제거하면 된다. @media (prefers-color-scheme: dark) 에서 아래 부분을 제거하면 dark 테마가 적용되지 않는다. [참고] Disable dark theme in Ionic
Web/Ionic 2021. 5. 27. 11:25
Ionic split pane 너비 문제 해결

tab과 sidemenu를 조합하여 사용하기 위해 split pane을 사용하던 중 안의 컨텐츠가 반 밖에 나오지 않는 문제 발생 Menu {{p.title}} Logout 구글링 중 split pane에도 contentId를 써줘야 한다는 해결방법을 찾음 Menu {{p.title}} Logout 적용을 해주니 해결 [참고] How to Combine Ionic 4 Tabs and Side Menu Navigation Split pane content width
Web/Ionic 2021. 5. 18. 17:22
Ionic에서 fontawsome 사용하기

1. 프로젝트 생성 ionic start fontawsome-tutorial blank --type=angular 2. fontawsome 라이브러리 설치 npm i @fortawesome/angular-fontawesome npm i @fortawesome/fontawesome-svg-core npm i @fortawesome/free-solid-svg-icons npm i @fortawesome/free-regular-svg-icons npm i @fortawesome/free-brands-svg-icons 3. app.module.ts 수정 library import import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fon..
Web/Ionic 2021. 4. 28. 17:48
Ionic에서 bootstrap 사용하기

1. 프로젝트 생성 ionic start ngBootstrapApp blank --type=angular 2. ng-bootstrap 설치 npm i @ng-bootstrap/ng-bootstrap --save 3. bootstrap css 설치 npm install bootstrap 4. angular 9.0.0 및 ng-bootstrp 6.0.0 이상을 사용할 경우 @angular/localize polyfill 설치 ng add @angular/localize 5. 예의상 npm install 6. global.scss에 bootstrap import @import "~bootstrap/scss/bootstrap"; 7. app.module.ts에 NgbModule import @NgModule({..
Web/Ionic 2021. 4. 28. 15:50
Prev 1 2 3 4 5 ··· 71 Next