동해둘리의 IT Study

안드로이드 플레이 스토어는 PC에서 검색해 보면 링크를 알 수 있으나, 아이폰의 경우 PC 상에서는 검색이 안되어 링크를 알 수가 없었습니다. 이를 확인하는 방법입니다 https://itunes.apple.com/app/id1450494816 위와 같이 https://itunes.apple.com/app/ 까지는 동일하고 그 뒤에 id1450494816 부분에 해당 앱의 ID를 적어주시면 됩니다. 앱의 ID를 알아내는 방법은 다음과 같습니다. 아이폰에서 아래 동그라미 부분의 아이콘을 클릭합니다. 그 후에 [앱 공유하기] 를 클릭합니다. 그 다음 아래와 같이 링크복사를 하면 해당 앱 설치URL 이 복사됩니다 참고로 저 동해둘리가 직접 운영하는 '성공하는 중이다' 카페를 소개드립니다. 각자의 분야에서 성공을..

IT공부방/하이브리드앱 2019. 2. 1. 22:59

하이브리드앱 개발시 웹앱에 로드되는 페이지 내에요,현재 접속한 기기가 안드로이드 인지, 아이폰 인지 확인하는 방법입니다. 만약, 아이폰인지 안드로이드 인지만 확인하려면, 위 코드의 모바일로 접속한 경우 내에 구분코드를 넣으시면 됩니다. 저는, PHP 코드로 개발중이라 다음과 같이 구분하여 처리했습니다

IT공부방/하이브리드앱 2019. 2. 1. 22:41

웹뷰 (Webview) 에서 HTML 문서를 로드한 경우, HTML 문서내에 있는 이미지를 수정해서 업로드 했는데, 정작 웹뷰(webview) 에서는 변경된 이미지가 보이지 않고 기존 이미지가 여전히 보이는 경우가 있습니다. 이럴때 쉽게 해결할 수 있는 방법은 이미지 뒤에 랜덤숫자를 달아주는 겁니다. 예를 들어 왼쪽 이미지를 오른쪽 이미지로 변경하여 FTP 로 업로드 했을때 웹브라우저나 모바일에서 봤을 때는 변경된 이미지로 바뀌어 보이지만, 웹뷰에서는 기존 이미지가 그대로 보이는 경우가 있습니다. 이때는 아래와 같이 이미지 파일명 뒤에 임의의 값(랜덤값)을 붙여주면, 웹뷰가 새로운 데이터로 인식을 하기 때문에 이미지를 새로 불러오게 됩니다.

IT공부방/하이브리드앱 2019. 1. 19. 19:18

안드로이드 웹뷰 (Webview) 를 이용하여 페이스북 로그인시 브라우저(크롬)에서는 제대로 동작을 하는데, 웹뷰에서는 안되는 경우가 있습니다. 로그인 상태를 확인해보면 connected 값이 나오지만, 아래와 같은 메시지가 뜨기도 하고you are not logged in. please login and try again facebook 다음과 같은 메시지가 뜨기도 합니다. Unsafe JavaScript attempt to initiate navigation for frame with URL 이때, getLoginStatus 의 결과값을 확인해보면 unknown 이 나오는 걸 볼 수 있습니다. 이와 같은 현상이 생기는 이유는 두가지로 볼 수 있습니다 1. 서로다른 도메인이 연결되는 mixed cont..

IT공부방/하이브리드앱 2018. 12. 18. 05:32

어도비(Adobe) 사에서 폰갭을 인수한 이후 몇가지 변화가 있었는데, 개발자를 좀 더 편하게 해주기 위한 배려가 보인다. 우선 www.phonegap.com 에 접속을 하면 아래와 같은 사이트가 보이게된다. 폰갭을 이용한 하이브리드앱 개발은, 크게 아래의 3가지 툴로 나누어 볼 수 있다. 우선, Desktop 환경에서 폰갭용 어플리케이션을 개발할때 사용하는 PhoneGap Desktop App 가 있다. 다운로드 한 이후에 설치하고, 실행시키면 아래와 같은 프로그램이 모습을 보인다.메뉴구성은 너무 단순하며, +/- 버튼을 클릭하여 폰갭프로젝트 를 추가하거나 삭제할 수 있도록 되어있다. 아래의 예제용 폰캡프로젝트를 다운로드 한 후에 + 버튼을 이용하여 폰갭 데스크탑에서 열고,> 버튼을 이용하여 실행시키면..

IT공부방/하이브리드앱 2016. 7. 26. 19:39

지난번, [ ionic framework 와의 첫 만남 포스팅 ] 에서, 실제 실행 부분에서 진행이 잘 되지 않았었는데요, 이번에는, github 에서 받았던 Sample ionic project 를 이용해서, android 화면에서 테스트 해보고자 Build 까지 진행을 해보려고 합니다. https://github.com/loicknuchel/ionic-starter 아래 명령을 정상적으로 실행하는 것이 목표입니다. ionic platform add android : add android platform to the projectionic resources : generate icon & splash-screen for project platformsionic run android : run your ..

IT공부방/하이브리드앱 2016. 7. 2. 20:10

ionic framework 를 처음 접한 후로, Hello World 수준으로 테스트를 해봤었는데, 이번에는 GitHub 에 등록되어 있는 starter project 중에서 하나를 테스트 삼아서 실행시켜보기로 했습니다. 먼저, GitHub 에서 ionic project 로 검색한 후에, 있어보이는 프로젝트 하나를 임의로 선정해 봤습니다 https://github.com/loicknuchel/ionic-starter 아래의 순서대로 실행하면 된다고 했는데, install nodejs, npm, gulp, bower, cordova, ionic & sass (if not already done)git clone git@github.com:loicknuchel/ionic-starter.git : clone..

IT공부방/하이브리드앱 2016. 7. 2. 19:28

ionic framework 를 이용하여 하이브리드앱 개발을 하기위해 Study 를 진행하고 있습니다. Study 기록을 위하여 명령어를 정리하고, 틈틈히 추가하도록 하겠습니다. 1. ionic framework 설치하기 1) node.js 설치하기 http://nodejs.org/en/ 에 접속하여 node.js 를 설치한다. 2) ionic / cordova 설치하기 nodejs commandline prompt 실행 후 ionic / cordova 를 설치 npm install -g ionic npm install -g crodova 또는 ionic 과 cordova 를 한번에 설치한다. sudo npm install -g ionic cordova 2. ionic 명령어 모음 1) ionic sta..

IT공부방/하이브리드앱 2016. 7. 2. 15:18

하이브리드앱 개발을 위해 Study 를 진행하던 중에, ionic framework 라는 것을 접하게 되었습니다. 아주 간단하고 빠르게 하이브리드앱을 개발할 수 있다는 말을 듣고, ionic 을 소개하는 유튜브 영상으로 Preview 를 해봤네요 이 영상대로만 된다면야, 워드문서 한장 만드는 것처럼 쉽다는 말인데..... 우선, ionic.io 에 접속하여 Get Started Free 버튼을 눌러 ionic 의 세계로 들어가 봅니다. 참고 : http://ionicframework.com/getting-started/ 1번 안내에서 하라는 대로, 제일 먼저, Node.js 를 설치합니다 그리고는 cordva와 ionic 실행을 위한 command-line-tool 을 설치합니다. 좀 전에 node.js..

IT공부방/하이브리드앱 2016. 7. 2. 13:41