본문 바로가기

개발121

폰갭 프로젝트 Cordova 버전 업데이트 하는 방법! 구글에서 메일이 왔습니다.폰갭으로 개발한 프로젝트에 보안 문제가 발생했나 봅니다.Cordova 를 3.5.1 버전으로 업데이트 하라고 하더군요. 업데이트 하는 법을 메모해 봤습니다. - 현재 설치된 코르도바 버전 확인 (저는 3.4 버전이더군요) cordova -v - 배포중인 코르도바 버전 확인 npm view cordova version - 새로운 코르도바 설치 sudo npm install -g cordova 설치후에 현재 설치된 코르도바 버전을 다시 확인해 봅니다.정상적으로 설치됐다면 배포중인 버전과 같은 버전이 표시되겠죠? - 각 플랫폼 업데이트 cordova platform update ioscordova platform update android 이제 빌드해서 다시 배포하면 되겠네요. 2014. 10. 2.
CSS, Javascript 전송량 줄이기!! [Minify] 모바일 브라우저 사용도 많이 늘어나고, 빠른 피드백이 중요시 되는 사회가 되면서 사이트 속도에 대한 이슈가 늘어나는 것 같습니다.사이트 속도를 높이는 방법은 여러가지가 있습니다.Image sprites나 lazy loading, gz 압축 등의 방법이 있는 것 같네요. Minify는 CSS, Javascript 에서 불필요한 부분을 제거하고 변수길이등을 조절하는 것으로 파일 크기를 줄이고, 캐쉬와 만료일 지정을 통해 사이트 트래픽을 줄여주는 소프트웨어 입니다. PHP로 제작이 되어 있으며 단순 복사 및 .htaccess 를 수정하는 것으로 설치가 가능하기 때문에 비교적 쉽게 적용 가능합니다. 설치과정!1. https://code.google.com/p/minify/ 로 이동해서 배포중인 압축 파일을 다운.. 2014. 7. 4.
Phonegap, iOS7에서 상태바 뒤에 webview가 위치하는 문제! 폰갭으로 하이브리드 앱을 제작하다보니, iOS7 에서 webview가 상단 상태바 뒤에 위치하는 문제가 있었습니다.iOS6 버전에서는 정상적으로 작동하더군요. 아이패드에서 본 화면입니다. 상단의 상태바까지 회색으로 칠해진 것을 볼 수 있습니다.스크롤 가능한 화면으로 확인할 때는 상태바가 투명인 상태로 있고, 그 밑으로 내용이 지나가는 형태로 작동합니다. iOS7에서 사파리를 사용해보면 내용이 상태바 및 주소창 밑으로 지나가지만, 반투명이라서 별로 이상하지 않은 것에 비해서 폰갭으로 제작한 앱은 좀 이상한 느낌이 들기도 합니다. 뭐 다양하게 사용할 수 있겠지만, 일단은 저 부분을 웹뷰에서 침범하지 않도록 수정해 보겠습니다. 코드 내용은 단순히 상단을 20px 띄우는 것입니다. MainViewControll.. 2014. 7. 1.
Phonegap에서 링크 이동시 기본 브라우저로 열기 폰갭은 기본적으로 HTML 로 되어 있는데, 거기에 태그를 이용한 링크를 걸면 지금 열려있는 페이지가 새로운 링크의 페이지로 바뀌어 버립니다. 당연한 작동 방식일텐데, 이것 말고 내가 평소에 사용하던 기본 브라우저를 열어서 거기에 보여주고 싶을 때가 있습니다. 왜?? 폰갭으로 제작한건 웹페이지가 아니고 앱처럼 보이고 싶으니까! 그리고 지금 열고자 하는 페이지는 웹 페이지니까!!!! 이것을 해결할 수 있는 방법으로는 InAppBrowser를 이용한 방법이 있는 것 같습니다.저도 한번 해 봤습니다. iOS에서는 사파리에서 잘 열리는 것 같더라구요. 그런데, 안드로이드 에서는 기본 브라우저로 설정된 브라우저가 열리는게 아니라 내장된 다른 브라우저가 열리는 것 같더라구요. 인터페이스도 다르고, 뭔가 이상합니다... 2014. 6. 26.

티스토리툴바