Category Archives: Lang

프로그래밍 언어

[책펌] 센차터치(Sencha Touch)에서 간단한 박스 레이아웃 구성하는 예제

By | 3월 6, 2014

  – 출처: 센차터치2+폰갭 프로그래밍 –   * 코드 Ext.application({ requires: [‘Ext.Panel’], launch: function(){ var panel = new Ext.create(‘Ext.Panel’, { fullscreen: true, layout: { type: ‘vbox’, //세로로 배열하는 레이아웃 align: ‘stretch’ //꽉 차게 늘여서 맞춘다 }, items: [ { flex: 1, //flex 값은, 같은 위상의 컴포넌트들끼리 화면을 점유하는 상대적인 비율을 의미하는 값이다. style: ‘background-color:red; font-size:… Read More »

[책펌] 센차터치(Sencha Touch)에서 뷰(view)파일 정의하고 로딩하는 예제

By | 3월 6, 2014

– 출처: 센차터치2+폰갭 프로그래밍 –   * 어플리케이션 파일 (app.js) Ext.application({ name: ‘HelloSenchaTouch’, requires: [], //아래와 같이 view 항목에 클래스명만 넣을 경우, app.view 패키지에 HelloView.js 파일이 들어있다는 전제가 요구됨. //별도의 패키지에 파일이 존재할 경우 FQN(Full Qualified Name)을 넣어야 함. views: [‘HelloView’], launch: function(){ Ext.Viewport.add(Ext.create(‘HelloSenchaTouch.view.HelloView’)); } });   * 뷰(view) 파일 (app/view/HelloView.js) Ext.define(‘HelloSenchaTouch.view.HelloView’, { extend: ‘Ext.Panel’,… Read More »

[책펌] 센차터치(Sencha Touch)에서 컨테이너에 컴포넌트를 삽입하는 두 가지 방법

By | 3월 6, 2014

– 출처: 센차터치2+폰갭 프로그래밍 –   * Container의 items속성을 사용하여 Component를 삽입 Ext.application({ name: ‘Sencha’, requires: [‘Ext.Panel’], launch: function(){ Ext.create(‘Ext.Panel’, { fullscreen: true, html: [‘I am Container’].join(” “), items: [{ //컴포넌트 삽입 xtype: ‘panel’, style: ‘background-color:white’, html: [‘I am Component<br> I am added’].join(‘ ‘) }] }); } });   * Component를 별도로 생성 후 Container에… Read More »

[책펌] 센차터치(Sencha Touch)에서 라이브러리 동적 로딩(requires)을 위한, 패키지 경로 및 네임스페이스 설정 예시

By | 3월 6, 2014

– 출처: 센차터치2+폰갭 프로그래밍 –   ※ 예제 파일 경로 /index.html => base 문서/js/app.js => 센차 어플리케이션 js 파일 (index.html에서 로딩)/js/package1/sub1.js => 로딩할 모듈   app.js //네임스페이스 지정 Ext.ns(‘main’); Ext.application({ name: ‘Path’, //실험 결과, requires의 기준경로는 application을 로딩한 html파일이 있는 곳이다. requires: [ ‘Ext.Panel’, ‘Ext.Toolbar’, ‘js.package1.sub1’ //사용자정의 모듈 로딩 ], launch: function(){ main.panel = new… Read More »

[책펌] 센차터치(Sencha Touch) 클래스 상속 및 사용자정의 이벤트 활용 예제

By | 2월 24, 2014

– 출처: 센차터치2+폰갭 프로그래밍 –   Ext.application({ name: ‘EventExtend’, requires: [‘Ext.Panel’, ‘Ext.Button’], launch: function(){ //Ext.Button을 상속한 userButton 클래스 정의 Ext.define(‘userButton’, { extend: ‘Ext.Button’, config: { //config에 지정된 속성은 getter, setter가 자동생성된다. width: 200, height: 200, text: ‘가운데로’, listeners: { tap: function(){ this.fireEvent(“pupu”); //사용자정의 이벤트 pupu를 트리거 함. } } } }); var panel = Ext.create(‘Ext.Panel’,… Read More »

[펌글] 자바(java) 숫자에 천단위 쉼표(콤마) 찍기

By | 1월 15, 2014

– 출처 : http://mwultong.blogspot.com/2006/11/java-3-comma-commify.html –   import java.text.*; class Foo { public static void main(String args[]) { double num = 29600000; // “이천구백육십만” 이라는 숫자를 대입 DecimalFormat df = new DecimalFormat(“#,##0.00”); System.out.println(df.format(num)); } }   * 실행 결과 29,600,000.00   “#,##0.00” 이런 포맷으로는 항상 소수점 2자리가 반올림되어 나옵니다. “#,##0” 이렇게 하면 소수점 이하가 나오지 않지만, 역시 소수부가… Read More »

[책펌] 자바스크립트 클로저(closure)에 대하여

By | 1월 7, 2014

– 출처: 이펙티브 자바스크립트(인사이트), 자바스크립트 핵심 가이드(한빛미디어) –   * 클로저란? – 자신을 내포하는 함수의 문맥(context)에 접근할 수 있는 함수. – 함수 자신이 포함하는 스코프의 변수들을 추적하는 함수.   * 클로저의 특징 – 외부함수의 실행 스코프가 종료된 상황에서도, 외부함수의 지역변수를 클로저가 참조하고 있다면, 해당 변수의 사본이 아닌 참조 자체를 클로저가 접근하여 값을 변경할 수 있다.… Read More »

Matcher의 find()와 matches() 의 차이점

By | 5월 30, 2013

* find()    – 대상 문자열에서 해당 패턴을 검색하여 일치하는 패턴이 일부라도 존재하면 true를 리턴한다.   – find() 메서드를 수행할 때마다, 문자열 내에서 그 다음 순서의 해당 패턴을 찾는 것 같다. (Iterator처럼)     예를 들어 해당하는 패턴이 한 개만 있다면, 첫 find()의 결과는 true, 두 번째 find()의 결과는 false이다.   – matches()에 비해서 상대적으로 활용도가 높을 것 같다. * matches()… Read More »

jqGrid의 기본 콤보박스(select)에 이벤트 바인딩 하기

By | 5월 30, 2013

* 칼럼모델 > editoptions > dataEvents 속성을 정의해 준다. {name:’TAX_GBN’,   index:’TAX_GBN’,   width:90, editable:true,  edittype:’select’, formatter:’select’, align:’center’,   editoptions:{   value:’1:A;2:B;3:C’,     dataEvents:[{ type:’change’, fn: function(e){ var rowId = $grid1[0].p.selrow; alert(rowId);         }}]   }   },