모바일 113

안드로이드 색깔 바꾸기 getColor() 및 DP로 stroke치기

참조https://blog.asamaru.net/2015/08/28/android-getcolor-getdrawable-deprecated/http://stackoverflow.com/questions/2406449/does-setwidthint-pixels-use-dip-or-px 아래의 getColor() 가 Deprecated되었고, getResources().getColor(R.color.color_name) 아래와 같이 쓰면 된다.ContextCompat.getColor(getApplicationContext(), R.color.c_orange) paint.setColor();안에 잘 집어넣어주면 된다. 또한 이미지에 스트로크를 치는데 px로 설정이 되지 않도록 다음과 같이 한다.values -..

모바일/Android 2016.04.13

센차터치 네비게이션 뷰(navigationView) 툴바에 버튼달기

툴바에 버튼을 달고싶은데 첫번째 페이지는 뒤로가기 버튼이 없을때가 있다.이때는 수동으로 달아주어야 한다. config {} 이 안에 config:{navigationBar : {items: [{ xtype: 'button', id: 'btn_seller_exit', iconCls: 'arrow_left', handler : function() { //버튼을 눌렀을때 이벤트 담당 }}],}} 굉장히 괄호가 열렸다 닫혔다가 많다. 센차터치의 최악의 단점.

모바일/Hybrid 2015.08.14

센차터치에서 바로 원격 데이터 뽑아오기

센차터치는 쉬운것 같으면서도 뭔가를 구현하려 하면 항상 2시간동안 삽질을 해야 한다. 참조문서도 많이 없고 튜토리얼도 구려서 그렇다. 보통 아래와 같이 store를 선언하면 원격지에서 데이터를 불러오게끔 세팅이 되어있다.현재는 Express기반으로 한 node.js 에 mongoDB를 붙인 형태이기 때문에 조금 복잡하다. 다만 REST 하게 구현했기 때문에 어느정도 직관적이다. Ext.define('attack.store.ShopStore', { extend: 'Ext.data.Store', requires: [ 'attack.model.Shop' ], config: { autoLoad: true, model: 'attack.model.Shop', storeId: 'ShopStore', proxy: { ..

모바일/Hybrid 2015.08.10

JSON Proxy로 센차로 데이터 가져올때 주의점

아 이거지같은 것때문에 장장 5시간을 쓰니까 너무 허무하다. 보통, 몽고디비와 연결되어있는 node.js에서 데이터를 가져오게 되는 구문에서 다음과 같이 설정하게 된다. app.get('/list', function(request, response, error){ Shop.find(function(error, shop) { response.setHeader('Content-Type', 'text/json'); response.send(request.query["callback"] + '({"records":' + JSON.stringify(shop) + '});'); }); });//end list() 또한 Model 과 Store는 다음과 같이 쓰게 되는데, Ext.define('attack.model..

모바일/Hybrid 2015.08.02

express 몽고DB와 연결시 store이름 및 collection이름 주의점

몽고DB는 테이블이 collections이다. 보통 네이밍을, 몽구스에서는 shop이라고 되어있어서var ShopSchema = mongoose.Schema({name:String, desc:String});var Shop = mongoose.model('shop',ShopSchema)위와 같이 생성하게 될텐데, 정작 mongoose.model() 메서드가 내부적으로 만들어내는것은 소문자로 변환시켜버리고 뒤에 s를 붙인 복수형태이다.위와같으면 shops로 만들어서 해당 collection 에서 찾아오려고 할것이다. 설정할때는 DB이름도 중요하다. 몽고DB에서 use DB 로 해당 데이터베이스를 사용하게 되는데, 이때mongoose.connect('mongodb://localhost/myapp');위와같은..

모바일/Hybrid 2015.08.01

몽고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