본문 바로가기

hybrid app

[HTML5] 구글에서 제공하는 webgl sample https://code.google.com/p/webglsamples/ 더보기
[css3] css3 3d transform sample https://github.com/desandro/3dtransforms 더보기
[sencha touch] picker title button 수정하기 위와 같이 title의 Done버튼과 Cancel버튼을 한글로 수정해 보겠습니다. 이런것들을 수정하려면 datepicker가 뭘 상속받는지 extend 와 뭘 필요로 하는지 requires를 살펴봐야 합니다. 그럼 다음 파일로 이동해서 수정해 보겠습니다. touch -> src -> picker -> Picker.js Picker.js파일을 열고 applyDoneButton 메소드를 수정해 봅시다. applyDoneButton: function(config) { if (config) { if (Ext.isBoolean(config)) { config = {}; } if (typeof config == "string") { config = { text: config }; } Ext.applyIf(confi.. 더보기
[sencha touch] datepickerfield month 영문자 숫자로 변경하기 위와 같이 datepickerfield를 사용하면 month영역이 영문자로 나타납니다. 국내와 비영어권 국가에서 불편할 수 있으니 숫자로 바꿔봅시다. 이를 위해서 다음 파일을 수정해야 합니다. touch -> src -> picker -> Date.js Date.js파일을 열고 createSlots 메소드를 수정해 봅시다. for (i = 0, ln = Ext.Date.monthNames.length; i < ln; i++) {months.push({// text : Ext.Date.monthNames[i],text: i + 1, value : i + 1});} 위와 같이 숫자가 잘 나타납니다. month부분이 지나치게 비율이 넓어 안좋아 보이니 비율을 createSlot메소드에서 수정해 봅시다. cre.. 더보기
[sencha touch] custom icon 사용하기 sencha 2.2.1 에서는 pictos폴더에 이미지를 넣고 사용하면 됐었다. 아래 링크 설명(http://squll1.tistory.com/entry/sencha-touch-300%EC%97%AC%EA%B0%9C%EC%9D%98-icon-image-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0) 2.3.1도 같은줄 알았는데 컴파일중 에러 발생.. 이제 @include icon를 사용해야 한다. 그리고 이미지 파일이 아니라 font파일을 사용.. 실습을 위해서 http://icomoon.io/app/방문후 폰트 파일을 다운해 보자 아이콘 선택후 하단 폰트 버튼 클릭 아이콘 옆에 화살표 모양 클릭 Reset codes버튼 클릭 그러면 ㅁ 으로 있던 공간에 문자가 생겼다. 이 문자가 해.. 더보기
[css3] Increase Your Site’s Performance with Hardware-Accelerated CSS http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css 더보기
[sencha touch] io7에서 titlebar가 status bar와 겹치는 현상 위와 같이 tiltebar와 ios7의 status bar와 겹치는 현상은 아래 소스를 추가하자 if (parseFloat(window.device.version) === 7.0) { document.body.style.paddingTop = "20px";} 네이티브단에서 해결하기(http://squll1.tistory.com/entry/ios-dev-ios7-status-bar-%EC%95%84%EB%9E%98%EB%A1%9C-%EB%B7%B0-%EB%82%98%EC%98%A4%EA%B2%8C-%ED%95%98%EA%B8%B0) 더보기
[HTML5] HTML5 Rocks 한글 페이지 한글페이지가 있었구나.. 굳 http://www.html5rocks.com/ko/ 더보기
[sencha touch] tabpanel안 cardlayout 고찰 cardlayout에서 레이아웃에 담길 뷰들을 미리 담아 생성하는 경우들이 많다. Ext.define('xxx.view.Card1',{extend:'Ext.Panel',xtype:'card1',config:{layout:'card',items:[{xtype:'panel1'},{xtype:'panel2'},{xtype:'panel3'}]}}); 위와 경우 card1라는 이름으로 cardlayout의 패널을 생성후 그 안에 이미 정의한 panel1, panel2, panel3 을 생성해놓았다. 이럴경우 card1패널을 생성하고 card1패널이 보여진다면 panel1이 화면에 보여지게 된다. 그리고 panel1에 show함수를 등록했다면 show함수가 실행된다. 문제가 되는 경우는 다음과 같다. tab패널을 .. 더보기
[sencha touch] setRecord 오늘 일하다 실수한 부분을 정리 field에 데이터를 셋팅해주는 setRecord함수는 반드시 모델객체를 넣어주어야 한다. var data={name:'노준혁',gender:'male'}formpanel.serRecord(data);이러면 데이터 바인딩이 안된다. (model 폴더안에 PersonModel클래스를 정의 했다고 가정)var data=Ext.create('MyProject.model.PersonModel',{name:'노준혁',gender:'male'});formpanel.serRecord(data); 더보기