목록전체 글 (281)

bboks.net™

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
ionic app icon 변경

* 본 설명은 안드로이드 기준으로 설명 1. 1024 * 1024 크기의 이미지 준비 2. android studio에서 res 디렉토리 선택 3. 우클릭 > New > Image Asset 선택 4. Source Asset 에서 준비한 이미지 선택 그대로 사용할 경우 icon이 이쁘지 않음. 녹색 부분을 준비한 이미지의 배경과 비슷한 색깔로 변경 5. Background Layer 선택 > Color 또는 이미지를 선택해서 변경
Web/Ionic 2021. 3. 11. 15:08
Ionic proxy config

방법1: angular.json에 추가 angular.json의 serve 항목에 proxy config 파일 설정 "serve":{ "builder":"@angular-devkit/build-angular:dev-server", "options":{ "browserTarget":"app:build", "proxyConfig":"./proxy.conf.json" }, "configurations":{ "production":{ "browserTarget":"app:build:production" }, "ci":{ "progress":false } } } 방법2: 실행 시 proxy config 지정 ionic serve -- --proxy-config proxy.conf.json
Web/Ionic 2021. 2. 26. 18:23
Prev 1 2 3 4 5 ··· 71 Next