hsunny study blog

사용중인 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..

현재 페이지를 떠나지 않고 팝업 형식으로 창을 띄우고 싶은 경우 사용하는 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:..