hsunny study blog

현상 iOS 다크모드를 킨 채로 앱을 실행 홈화면에서 status bar 위치의 배경의 흰색(#ffffff)이라 status bar 의 글자가 같은 색상(#ffffff)이라 보이지 않음 추가정보 - 해결방법 다크모드 해제하기 config.xml 에 아래 코드 추가하기 ... Light ... 참고사이트 더보기 https://github.com/apache/cordova-plugin-statusbar/issues/148

현상 브라우저 내에 cannot GET / 메시지만 출력 추가정보 - 발생한 때 아래 코드 실행 후 발생 $ ionic serve 발생한 원인 코드 작성 오류 해결방법 아래 코드를 실행하여, 코드오류를 점검하고 ionic serve 다시 실행 $ ionic build --verbose --verbose: 상세보기 모드 (verbose: 말이 많은) 참고사이트 더보기 https://stackoverflow.com/questions/60161879/ionic-serve-cannot-get-cannot-find-module-ionic-native-splash-screen-ngx

사용중인 IONIC을 기준으로 포스팅한 글입니다. sentry를 사용하는 IONIC 앱을 빌드하면, 빌드할 때마다 센트리에 기록되는 릴리즈 아이디가 자동으로 변경됩니다. 출시되는 버전에 맞는 센트리 릴리즈 아이디를 고정하면, sentry에서 오류를 더 쉽게 확인할 수 있습니다. 이 때 사용하는 명령어는 SENTRY_SKIP_AUTO_RELEASE입니다. $ SENTRY_SKIP_AUTO_RELEASE=true ionic cordova build android $ SENTRY_SKIP_AUTO_RELEASE=true ionic cordova build ios ※ 주의 : SENTRY_SKIP_AUTO_RELEASE는 실행하려는 명령어의 가장 앞에 써야 합니다. ionic 이하에 작성할 경우 오류가 발생합니..

IONIC에서 기본적으로 제공하는 range 값은 정수형입니다. ion-range로 소수점을 조절할 경우가 필요할 수 있는데요, 이러한 경우에 유용하게 사용할 수 있습니다. 사용예 min, max: range의 최솟값, 최댓값 pin: 사용자가 설정한 값이 노출되도록(손가락을 왔다 갔다 하면 현재 내가 선택한 값이 뭔지 보입니다.) step: 조절되는 값 (여기서는 0.5씩 조절합니다) _ngModel: weight의 기본값으로 설정하기 위해서 사용 changedValue: 사용자가 변경하는 대로 weight의 값을 변경하기 위해서 사용 float-range 컴포넌트를 위와 같이 사용할 수 있습니다. 그렇다면 float-range 컴포넌트는 어떻게 만들어야 할까요? FloatRangeComponent 1..

구글 플레이 스토어에서는 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이 없기 때문에 앱이 다시 새로 가져와 캐시합니다. 이러한 이유로 이미지이름 뒤에 변수를 ..

constructor()* 자바스크립트 엔진에서 호출됩니다.ES6 개념이며 라이프사이클 후크의 일부입니다.Angular가 구성요소 초기화를 언제 했는지 알 수 있는 위치는 아닙니다. 이용: 의존성 주입 import { NavController } from 'ionic-angular'; class MyComponent { constructor(public navCtrl: NavController) { //의존성 주입 }} ngOnInit()* Angular 라이프 사이클 후크입니다.Angular 컴포넌트 설정이 완료되면 실행됩니다.즉, 이 시점에서 속성 바인딩이 수행됩니다. 이용: 구성요소 데이터 초기화 (정적 데이터나 NavParams을 통해 온 데이터) ionViewDidLoad()* Ionic 네비게..