모바일/Hybrid 24

몽고DB + 센차터치 + nodeJS 구축

아래글은 내가 써놓고도 다소 혼란스럽다 다음의 링크를 확인한다. http://gorakgarak.tistory.com/413 참고링크 https://loutilities.wordpress.com/2012/08/10/dogtag-app-in-30-minutes-part-1-node-js-and-mongodb/ https://loutilities.wordpress.com/2012/08/14/mobile-geolocation-app-in-30-minutes-part-2-sencha-touch/ 윈도우 설치를 가정한다. 배포시 리눅스 다음의 사이트에서 몽고DB를 설치한다. http://www.mongodb.com/ 쉽게 딸깍딸깍 하면 설치가 된다. nodeJS도 설치한다. https://nodejs.org 쉽게..

모바일/Hybrid 2015.07.28

센차터치 구글맵 초간단 이용하기

구글맵은 Ext.Map 타입으로 기본 제공되고 있다. 먼저 index.html 에 다음의 소스를 넣는다. 그리고, xtype의 map을 하나 추가한다. var map = { xtype: 'map', } 이제 이걸 매달아 주면 된다. this.add([toolbar, map])여기서 this는 Ext.Panel을 상속받은 아무 View이다. 다만 여기까지 해서는 아무런 지도의 반응이 없는데, 이게 빠졌을 가능성이 있다. config: { styleHtmlContent: true, layout: 'fit', fullscreen: true, },//end config layout은 꼭 fit해야 툴바와 같이 나타난다.

모바일/Hybrid 2015.07.25

폰갭 리눅스 설치기

음.. 윈도우즈 폰갭 설치가 정말정말 쉽다고 감동의 눙물을 흘렸다고 약 3시간이 흐른후, 어쩔수 없이 개발자 입장에서는 콘솔이 편하다는걸 느끼고 그냥 리눅스 서버로 옮겨탔다. 일단 node.js 가 깔려있으면 npm 명령어를 통해서 쉽게 폰갭을 설치할수 있다. $ sudo npm install -g phonegap 관리자 권한을 주지 않으면 거지된다. $ phonegap create my-app 명렁어로 하나의 프로젝트를 만든뒤 my-app $ phonegap serve 위와같이 그 디렉터리로 이동하여 서비스를 시작한다. 보통 3000번 소켓을 연다. 아 옆에 콘솔이 후다닥 뜨는걸 보니 마음이 편안해진다..

모바일/Hybrid 2015.07.19

폰갭 빠른 20분 설치기 (1)

http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/ 위의 링크를 보고 따라하면 정말 미칠듯이 간단하다. 전체 설치과정을 요약하면 다음과 같다. 1) 폰갭 데스크탑 설치 후 구동 2) 폰갭 모바일 개발자버전 설치 후 구동 3) + 버튼으로 새로운 프로젝트 생성 4) 프로젝트 폴더에서 소스 수정후 모바일에서 확인 일단 위에서 깔으래서 깐다. 위와같은애가 뜬다. 음특이하다.. 그리고 이제, 플레이스토어에서 모바일로 PhoneGap Developer라는 놈을 깔으라고 한다. 음 뭔가 웹서버를 깔아야 할것 같은데.. 어쨌든 그대로 따라한다. 일단 + 버튼을 누르고 폴더를 선택한다. 어어? 그냥 돌아간다. 감동의 눙물..ㅜㅜ 그리고 모바일도 돌..

모바일/Hybrid 2015.07.19

앱스프레소 이용하기

앱스프레소는 국산이나, 도메인을 어떤 그지같은 회사가 뺏어 등록해서 자꾸 스마트폰 어쩌고에 연결된다. 조속히 원래 주인을 찾아갔으면 하는 바람이다. 어쩔수없이 개발은 기존의 블로그를 보고 따라한다. https://github.com/kthcorp/Appspresso-SDK 여기서 일단은 다운로드한다. 라이센스가 MIT이기 때문에 문제될것이 하나도 없다. 앱스프레소 Eclipse플러그인도 필요한듯 하니 깔아준다. 2015년 7월 기준, 더이상 돈이 안된다고 판단했는지 자료 찾기가 정말 힘들어졌다. 특히, eclispe plugin 을 제공한다는데서 워낙 매력적이였지만 아예 다운로드가 불가능에 가까워진것 같다. 나는 포기가 빠른 남자니 앱스프레소는 포기한다. 세팅하는데 반나절이 걸리는 프로그래밍 특성상 이런..

모바일/Hybrid 2015.07.19

쓸만한 무료 모바일 프레임워크

모바일프레임워크는 다음과 같은 네가지 관점에서 점수를 기록한다. 코드의 직관성 : 코드가 직관적이여야 한다. 센차터치는 수많은 중괄호때문에 가독성이 너무 떨어지는 단점이 있다. 개발 즉시성 : 바로 개발결과를 확인할수 있어야 한다. 컴파일이 오래걸리거나 찌꺼기가 남아있는등의 문제는 짜증나게 한다. 플러그인 용이성 : 구글맵과 같은 플러그인을 쉽게 이용할수 있어야 한다. 메뉴를 만드는데도 직관적이여야 한다. 디자인 : 아무리 성능이 좋아도 보이는게 구리면 나도 이용하기 싫다. UI가 예뻐야한다. 센차터치 https://www.sencha.com/ 부분무료, 무료라고 막쓸수는 없다. (코드의 직관성 : ★ / 개발 즉시성 : ★★★★ / 플러그인 용이성 : ★★ / 디자인 : ★★★★) 앱스프레소 (국산) ..

모바일/Hybrid 2015.07.19

Sencha touch 로 모바일 앱 시작하기 (2)

아래와 같이 새로운 프로젝트를 웹서버에 하나 만들었으면, 내 생각같아서는 이제 바로바로 수정하며 앱의 결과를 모바일로 볼수있게끔 개발을 시작하면 될것같다. sdk 압축푸는 곳은 아파치 서버내의 폴더 c:\apache24\htdocs, cmd 압축푸는 곳은 sdk의 바로 하위 폴더이다. 위의폴더\sencha 명령어는 다음과 같다. $ sencha generate app myApp c:\apache\htdocs\myapp localhost/myapp 디렉터리에서 위와같은 화면이 나오면 이제 성공이다. 아이피 공유기를 물려서 쓰고있다면 내부 아이피로 접속해서 모바일에서도 성공적으로 화면이 뜨는것을 확인할 수 있다. 이제 앱은 컴파일이 필요없이 실시간으로 수정가능하다. (배포되기 전까지.) 소스를 고친다면 바로..

모바일/Hybrid 2015.07.19