일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- Sentry
- hashchange
- ion-range
- Ionic
- Visual Studio Code
- ChangeDetectorRef
- code .
- JavaScript
- VSCode
- 테두리굵기
- IONIC3
- change detection
- error
- border-width
- zsh
- php
- angular
- oh-my-zsh
- rxjs
- 변화감지
- typescript
- 자바스크립개념
- fromEvent
- angular5
- 이미지바꾸기
- Git
- sealize
- getElementsByClassName
- aab 배포
- NVM
- Today
- Total
목록Ionic (5)
hsunny study blog
현상 iOS 다크모드를 킨 채로 앱을 실행 홈화면에서 status bar 위치의 배경의 흰색(#ffffff)이라 status bar 의 글자가 같은 색상(#ffffff)이라 보이지 않음 추가정보 - 해결방법 다크모드 해제하기 config.xml 에 아래 코드 추가하기 ... Light ... 참고사이트 더보기 https://github.com/apache/cordova-plugin-statusbar/issues/148
구글 플레이 스토어에서는 Android App Bundle (.aab) 로 배포하는 것을 추천합니다. 이유: 앱의 용량이 대폭 줄어듦 Android Studio 없이 IONIC 앱을 .aab 파일로 만드는 방법은 아래와 같습니다. 1. 프로젝트를 엽니다. 포스팅에 사용하는 IONIC 프로젝트의 정보 cli packages: (/usr/local/lib/node_modules) @ionic/cli-plugin-proxy : 1.5.8 @ionic/cli-utils : 1.19.2 ionic (Ionic CLI) : 3.20.0 global packages: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) local packages: @ionic/app-scripts..
현재 페이지를 떠나지 않고 팝업 형식으로 창을 띄우고 싶은 경우 사용하는 ionic API는 ModalController 입니다. ModalController는 기본적으로 화면에 꽉 차게 뜹니다. 개발을 하다보면 아래와 같이 작은 크기의 모달을 만들어야 할 때가 있습니다. 위 모달을 호출하는 함수의 내용은 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 // ... showGuide(e: Event) { e.preventDefault(); // ... loadOpt = { cssClass: 'mini-modal', enableBackdropDismiss: false, // 백드롭을 클릭했을 때 모달이 꺼지지 않도록 showBackdrop:..
서버에서 이미 불러온 이력이 있는 이미지 주소의 경우, 서버 쪽에서 이미지를 변경했을 때 변경한 이미지가 바로 반영되지 않는 문제가 있습니다. *같은 이름(A.jpg)으로 이미지를 교체하는 경우 해결 방법 서버측에서 이미지를 전송할 때, 혹은 아이오닉 내에서 이미지 뒤에 랜덤값을 넣어주면 됩니다. src="이미지주소?{랜덤값}" 왜 이게 해결방법일까? 앱 설치 후 서버에서 new.jpg?0 를 최초 호출했을 때 앱에 캐시됩니다. new.jpg?0으로 앱에 캐시되고 앱이 new.jpg?0을 필요로 할 때마다 화면에 보여주기 위하여 캐시에서 가져갑니다. 사용자가 new.jpg?1로 호출을 하면 캐시에는 new.jpg?1이 없기 때문에 앱이 다시 새로 가져와 캐시합니다. 이러한 이유로 이미지이름 뒤에 변수를 ..
개발 중인 IONIC 앱에서는 Angular에서 제공하는 HttpClientModule을 이용하여 서버와 통신하고 있습니다. HttpClientModule은 Angular 4.3.0 버전에 추가되었습니다. Angular에서 제공하는 HTTP 모듈은 RxJS Observable 객체를 기반으로 만들어졌습니다. RxJS이지만 RxJS의 장점들을 이용하지 못하고 단순히 결과를 받는 데에만 이용하고 있었습니다. 이 부분에 대해 어떻게 개선해나갔는지 내용을 공유합니다. 기존 이런 생각을 시작으로 코드를 개선해나갔습니다. - 통신에 실패하는 이유를 timeout으로만 두어도 될까 - http 응답에 따라 처리를 다르게 주는 것이 괜찮을 것 같다! 첫 번째 개선 개선한 것 - 서버에 보낼 최종 데이터를 세팅하는 부분..