목록프레임워크/Ionic Framework (7)

Fall in IT.

쉘스크립트를 사용하여 Ionic Android Publishing 쉽게하기

안녕하세요. 오늘은 Ionic Framework를 사용하여 앱을 만든 후, Android 앱을 Publishing을 쉽게하는 방법에 대해서 알아보도록 하겠습니다. Android Publishing 방법 (keystore 파일은 생성했다는 가정하에 설명합니다.)ionic-cli를 사용하여 앱을 빌드합니다. $ cd {ionic project 경로} $ ionic cordova build android --prod --release jarsigner 유틸리티를 사용하여 unsigned 상태의 APK에 sign 합니다. $ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore {키스토어파일명} {apk파일명} {키스토어별명} $ 키스토어의 비밀번호..
프레임워크/Ionic Framework 2018. 3. 16. 15:16
Ionic3 Background Mode plugin 이슈 해결

안녕하세요. 오늘은 Ionic3에서 Background Mode plugin 이슈 해결방법에 대해서 알아보겠습니다. 문제Ionic3 Background mode plugin을 사용할 경우 앱이 시작되자마자 종료되는 현상 발생 (https://ionicframework.com/docs/native/background-mode/) 분석cordova-plugin-ionic-webview plugin과의 충돌로 인해 발생하는 문제로 보임. (해당 플러그인을 삭제하고 실행 했을때는 정상적으로 동작하는 것을 확인하였습니다.)하지만, webview 플러그인은 ionic3에서 기본적으로 필요한 plugin으로 삭제할 경우 ios에서 많은 문제가 발생. 해결방법Background Mode plugin 깃헙 페이지의 is..
프레임워크/Ionic Framework 2017. 12. 25. 20:34
ionic 3 build --prod error Can't resolve './app.module.ngfactory' 해결법

안녕하세요. 오늘은 ionic 3에서 --prod 옵션을 사용하여 build 하였을때, 발생하는 에러픽스 방법에 대해서 공유하려고 합니다. 문제 $ ionic cordova run android / ios 를 실행할 경우 정상적으로 동작한다.$ ionic cordova run android --prod 를 실행할 경우 error 가 발생한다. --prod 옵션이란?실제 productions 형태로 빌드할때 사용하는 옵션입니다.js, css 등 필요 없는 파일들은 모두 제거하고, 압축 가능한 파일들은 컴팩트하게 압축하여 결과 파일을 만들어 냅니다.$ ionic cordova run -h 명령어를 사용하여 자세한 내용을 확인하실 수 있습니다. 과정많은 문서들을(ionic forum, stack overflo..
프레임워크/Ionic Framework 2017. 12. 2. 12:31
Ionic 3에서 Moment.js 사용방법

안녕하세요. 오늘은 Ionic Framework 3에서 Moment.js 사용방법에 대해서 알아보도록 하겠습니다. Ionic 3에서 Moment.js 사용방법moment.js 설치 - https://momentjs.com/ - $ npm install moment --save node_modules에 moment 폴더가 생긴 것을 확인할 수 있습니다. 사용하고자 하는 컴포넌트의 ts(typescript) 파일에 import 합니다. - ex. import * as moment from 'moment'; 모두 즐거운 코딩하세요~
프레임워크/Ionic Framework 2017. 11. 27. 16:57
ionic ios에서 숫자에 underline 제거 방법

안녕하세요. 오늘은 Ionic Framework에서 IOS에서만 숫자 밑에 밑줄(underline)이 생기는 문제를 해결하는 방법에 대해서 알아보도록 하겠습니다. IOS에서 밑줄 없애는 방법CSS나 DOM 조작 없이, 최상위 html 파일의 meta 태그를 사용하여 해결 합니다. 참조https://forum.ionicframework.com/t/remove-hyperlinks-for-phone-numbers/18039/6
프레임워크/Ionic Framework 2017. 11. 6. 14:44
ionic build error code 69 해결방법

ionic 프로젝트 중에 "ionic build ios" 실행시 아래와 같은 에러 발생시 해결 방법입니다. 에러 원인Xcode 설치 또는 업데이트 후 앱을 한번도 실행하지 않았을 경우 발생 합니다. 해결방법Xcode를 실행하여, Xcode license 동의에 확인을 체크하면 해결됩니다. 모두 즐거운 코딩하세요~
프레임워크/Ionic Framework 2016. 9. 20. 21:14
ionic 프레임워크 소개

안녕하세요.오늘은 Ionic Framework에 대해서 소개하도록 하겠습니다.(다음글에서는 간단하게 Ionic Framework를 사용하여 Hybrid App을 개발해보도록 하겠습니다.) 하이브리드 앱이란?하이브리드 어플리케이션(이하 하이브리드 앱)은 HTML5, CSS, JavaScript와 같은 웹 기술로 웹 어플리케이션을 만들고, 이를 네이티브 컨테이너로 감싼 네이티브 어플리케이션을 말합니다. (Corodva/PhoneGap처럼 네이티브와 연결해주는 도구를 이용하면 카메라, 가속도계, 위치정보, 연락처 같은 네이티브 기능에 접근할 수 있습니다.) 네이티브앱을 만들지 않고, 하이브리드앱을 만드는 이유는?개발비용과 개발시간을 줄여줍니다.네이티브 언어보다 학습 곡선이 낮습니다.(하이브리드 앱의 가장 큰 ..
프레임워크/Ionic Framework 2016. 9. 1. 01:29
Prev 1 Next