모바일/Hybrid 24

Flutter 좋다.

Flutter를 사용해본 첫 경험은, 그동안의 경험으로 네이티브로 떨어지는 하이브리드 앱을 만들기가 생각보다 힘들었는데, 코딩이 더이상 감으로 그냥 대충 하면 되는 때가 되었는지는 몰라도 일단 플러터는 너무나도 쉽게 만들어졌다. 딱 20분만 투자하면 대충 이해할수 있는 앱을 만들어낼수 있다.Action Bar색깔 바꾸는 등의 별 쓰잘데기 없는 일인데 괜히 짜증나게 했던 고된 작업도 끝으로 보인다.Dart라는 언어는 그다지 특별할것은 없어보이지만, 어쨌든 아무래도 facebook이 기를 쓰고 만들어냈던 리액트 네이티브는 그에맞는 적수를 찾아낸것같은 느낌이 든다. https://flutter.io/ ----절취선0---하루가 지난후,Flutter를 다 이해했다고 생각하고 이제 제대로 개발을 한번 해보려고 하..

모바일/Hybrid 2018.08.12

Ionic1 vs Ionic2 structure 구조

Ionic은 안드로이드, 윈도우, ios 등으로 쉽게 변환해주는 하이브리드 프레임워크인데, 기능은 좋아보이는데 미묘하게 버전과 툴별로 만들어지는 프로젝트 구조가 다르게 보인다. 또한 계속 모니터링 되는 디렉터리가 버전마다 달라 조금 헷갈리게 느껴진다. 이상하게 2로 업그레이드 되면서, 비주얼스튜디오 내에 만들어지는 프로젝트 구조가 미묘하게 다른것 같다. 접한지 이주, 아직도 어떻게 써야할지 감이 안잡힌다. 아마 템플릿 업데이트를 할때까지의 시간이 걸리는 비주얼 스튜디오보다는 비주얼 스튜디오 코드를 쓰는 편이 가벼워 보인다. $ Ionic start tab1 $ Ionic start tab1 --v2 로 서로 다른버전으로 생성을 했을때의 디렉터리 구조. 한번씩 $ Ionic serve 로 프로젝트를 돌려본..

모바일/Hybrid 2016.10.09

센차터치 네비게이션 뷰(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