서영이네집

[extjs] Ext.Window가 IE에서 width가 너무 길어지는 문제

(서영아빠) — Mon, 8 Mar 2010 11:16:53 +0900

증상 :

Ext.Window를 사용할 때 IE에서 가로길이 값이(width) 적용되지 않고 과도하게 길어지는 문제 발생

6028px까지 길어졌음

FF, Chrome에서는 이상없이 표현됨

원인 :

특정 브라우저(IE)의 CSS 해석 차이로 인한 문제로 보임.

해결방법 :

Ext.Window 안에 있는 아이템들에게도 width를 지정해 준다.

간혹 width를 지정해줘도 해결되지 않을 경우에는 쿠키를 지우거나 다른 컴튜터에서 테스트 해볼것

http://www.extjs.com/forum/showthread.php?t=70311

http://www.extjs.com/forum/showthread.php?t=70908

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[extjs] Ext.MessageBox 클래스의 height가 비정상적으로 길어질때...

(서영아빠) — Wed, 3 Mar 2010 10:24:28 +0900

증상 :

Ext.MassageBox의 모든 메소드를 사용시 다이얼로그의 높이가 비정상적으로 길게 보임.

다이얼로그안에 textfield와 textarea가 'visibility:hidden'으로 처리되어서 높이를 차지하고 있었음.

원인 :

managediframe 사용시 miframe의 소스가 구 버전을 사용해서 발생한 문제.

해결방법 :

http://code.google.com/p/managediframe/ 여기서 Extjs의 버전에 맞는 소스를 받아서 최신으로 업데이트 할것.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[extjs] extjs에서 iframe 사용하기

(서영아빠) — Wed, 3 Mar 2010 10:12:24 +0900

Extjs를 사용하다보면 종종 tabpanel이나 window에 iframe을 사용해야 하는 경우가 있지만 Extjs API에서는 아무리 찾아봐도 iframe에 관한 클래스는 없습니다.

하지만 역시나 많은 사용자층을 가진 Extjs에 그런 컴포넌트가 없을리가 없습니다. 단, Extjs committer가 아닌 BeamGate라는 개발자가 google code managediframe 에서 업데이트 하고 있습니다.

프로필을 보면 miframe 뿐만 아니라 Extjs에 관한 여러가지를 업데이트하고 있습니다. 시간이 나시면 한번 둘러보세요.

ManagedIFrame 사용법

managediframe에서 사용중인 Extjs의 버전에 맞는 소스를 다운받고 miframe.js를 추가해 주세요.

miframe의 API를 참고하면서 보세요.

miframe은 다음과 같은 클래스들이 있습니다.

MIF.Component (xtype : mif)

MIF.Panel (xtype : iframepanel)

MIF.Portlet (xtype : iframeportlet)

MIF.Window (xtype : iframewindow)

여기서는 MIF.Window를 사용했습니다.

var MIF = Ext.ux.ManagedIFrame;

var mifWindow = new MIF.Window({

id : 'iframe-panel',

title : 'Test',

width : 800,

height : 600,

defaultSrc : 'http://westzero.net'

}).show();

이 소스를 실행시키면 http://westzero.net이 window로 뜹니다. 아주 간단하죠?^^

이제 자세한 기능은 API를 보면서 한 번 해보시기 바랍니다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[extjs] TabPanel 사용시 동일한 아이디로 여러번 생성하지 말것

(서영아빠) — Tue, 23 Feb 2010 15:08:05 +0900

extjs 3.1.1

아래 코드는 TabPanel 예제 코드입니다.

아래코드에서 addTab() 메소드를 실행시 tab이 추가됩니다.

이때 만약 같은 ID의 tab이 있다면 extjs는 새로운 탭을 추가하는게 아니라 자동으로 동일한 id를 가진 tab을 활성화 해줍니다.

하지만 그렇게 사용하게 될 경우 tab에서 getCmp()등을 사용하게 되면 정상적으로 작동하지 않습니다.

아무래도 container와 관련이 있는듯 싶지만 정확한 원인은 저도 아직 잘 모릅니다.

만약 이미 존재하는 탭을 다시 활성화 시켜야 할 경우 꼭 setActiveTab() 메소드를 사용하시기 바랍니다.

Ext.onReady(function(){

var tabs = new Ext.TabPanel({

renderTo:'tabs',

resizeTabs:true, // turn on tab resizing

minTabWidth: 115,

tabWidth:135,

enableTabScroll:true,

width:600,

height:250,

defaults: {autoScroll:true},

plugins: new Ext.ux.TabCloseMenu()

});

// tab generation code

var index = 0;

while(index < 7){

addTab();

}

function addTab(){

tabs.add({

title: 'New Tab ' + (++index),

iconCls: 'tabs',

html: 'Tab Body ' + (index) + '<br/><br/>'

+ Ext.example.bogusMarkup,

closable:true

}).show();

}

new Ext.Button({

text: 'Add Tab',

handler: addTab,

iconCls:'new-tab'

}).render(document.body, 'tabs');

});

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[IDE] Aptana Studio (Win_2.0.3)

(서영아빠) — Wed, 10 Feb 2010 13:59:38 +0900

82메가 파일 하나 다운로드 받는데 5시간이 걸렸습니다...

다시 받을 경우가 생길까봐 겁나서 제 블로그에 올려놓습니다. =ㅅ=;;

Aptana_Studio_Setup_Win_2.0.3.zip

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[extjs] xtype 목록

(서영아빠) — Tue, 2 Feb 2010 09:11:03 +0900

출처 : http://www.extjs.com/deploy/dev/docs/

xtype            Class
-------------    ------------------
box              Ext.BoxComponent
button           Ext.Button
buttongroup      Ext.ButtonGroup
colorpalette     Ext.ColorPalette
component        Ext.Component
container        Ext.Container
cycle            Ext.CycleButton
dataview         Ext.DataView
datepicker       Ext.DatePicker
editor           Ext.Editor
editorgrid       Ext.grid.EditorGridPanel
flash            Ext.FlashComponent
grid             Ext.grid.GridPanel
listview         Ext.ListView
panel            Ext.Panel
progress         Ext.ProgressBar
propertygrid     Ext.grid.PropertyGrid
slider           Ext.Slider
spacer           Ext.Spacer
splitbutton      Ext.SplitButton
tabpanel         Ext.TabPanel
treepanel        Ext.tree.TreePanel
viewport         Ext.ViewPort
window           Ext.Window

Toolbar components
---------------------------------------
paging           Ext.PagingToolbar
toolbar          Ext.Toolbar
tbbutton         Ext.Toolbar.Button        (deprecated; use button)
tbfill           Ext.Toolbar.Fill
tbitem           Ext.Toolbar.Item
tbseparator      Ext.Toolbar.Separator
tbspacer         Ext.Toolbar.Spacer
tbsplit          Ext.Toolbar.SplitButton   (deprecated; use splitbutton)
tbtext           Ext.Toolbar.TextItem

Menu components
---------------------------------------
menu             Ext.menu.Menu
colormenu        Ext.menu.ColorMenu
datemenu         Ext.menu.DateMenu
menubaseitem     Ext.menu.BaseItem
menucheckitem    Ext.menu.CheckItem
menuitem         Ext.menu.Item
menuseparator    Ext.menu.Separator
menutextitem     Ext.menu.TextItem

Form components
---------------------------------------
form             Ext.form.FormPanel
checkbox         Ext.form.Checkbox
checkboxgroup    Ext.form.CheckboxGroup
combo            Ext.form.ComboBox
datefield        Ext.form.DateField
displayfield     Ext.form.DisplayField
field            Ext.form.Field
fieldset         Ext.form.FieldSet
hidden           Ext.form.Hidden
htmleditor       Ext.form.HtmlEditor
label            Ext.form.Label
numberfield      Ext.form.NumberField
radio            Ext.form.Radio
radiogroup       Ext.form.RadioGroup
textarea         Ext.form.TextArea
textfield        Ext.form.TextField
timefield        Ext.form.TimeField
trigger          Ext.form.TriggerField

Chart components
---------------------------------------
chart            Ext.chart.Chart
barchart         Ext.chart.BarChart
cartesianchart   Ext.chart.CartesianChart
columnchart      Ext.chart.ColumnChart
linechart        Ext.chart.LineChart
piechart         Ext.chart.PieChart

Store xtypes
---------------------------------------
arraystore       Ext.data.ArrayStore
directstore      Ext.data.DirectStore
groupingstore    Ext.data.GroupingStore
jsonstore        Ext.data.JsonStore
simplestore      Ext.data.SimpleStore      (deprecated; use arraystore)
store            Ext.data.Store
xmlstore         Ext.data.XmlStore

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[MySQL] GRANT 명령어를 사용해서 사용자 생성하기

(서영아빠) — Mon, 25 Jan 2010 16:57:08 +0900

매번 까먹고 항상 찾느라 고생한다... =ㅅ=;;

참조글 : http://www.javamaster.org/tt/category/My-SQL

모든 권한을 가진 사용자를 생성하기

CREATE DATABASE db_name DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;

GRANT ALL PRIVILEGES ON db_name.* TO 'user_name'@'%' IDENTIFIED BY 'passwd' WITH GRANT OPTION;

FLUSH PRIVILEGES;

utf8 환경일 경우 도스프롬프트에서 테이블에 한글문자를 등록(insert)하거나 한글을 조회(select)시 깨져보임.

set names euckr; 로 설정을 바꾸면 한글이 제대로 보임(Mysql 5일 경우)

# mysql -u user_name -ppasswod db_name

mysql>set names euckr;

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[텍스트 에디터] vim 도전하기

(서영아빠) — Wed, 20 Jan 2010 21:33:23 +0900

vim은 코딩 좀 오래 해보신분들은 대부분 아실껍니다.

저는 2007년에 코딩의 세계로 뛰어들었습니다. (사실 2006년 크리스마스 다음 날 부터 출근했지만 이런거 따지면 쫌스럽다는 소리 들을까봐...^^;;)

사실 이쪽 분야가 전공도 아니고 일하면서 Linux나 Unix 계열을 만질일이 없었기 때문에 vim을 사용해볼 일이 없었습니다.

하지만 요즘 왠지 vim을 사용하면 고수의 포스를 뿜어낼 수 있을것만 같은 느낌(그냥 분위기만입니다. 내공은 하급무사입니다. ㅠ.ㅠ)에 그냥 한 번 도전해 보고 있습니다.

하지만 회사 개발환경이 윈도인 관계로 여기서 윈도우용 vim을 받아서 설치했습니다.

그리고 맨땅에 해딩하면 머리 아프겠죠? 그래서 단축키(vim은 단축키가 아니라 기능키라고해야하나?) 이미지도 하나 준비해놨습니다. ^^;;

이미지 출처 : http://kldp.org/files/vi-vim-cheat-sheet-ko.png

이제 준비는 다 됐으니 삽질만 남았군요. ^^;;

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

박서연 50일

(서영아빠) — Fri, 15 Jan 2010 09:25:55 +0900

둘째가 벌써 50일이 지났습니다. ^^

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

[리눅스] 파일 압축 관리

(서영아빠) — Sun, 10 Jan 2010 21:42:00 +0900

아래 내용은 CentOS 리눅스 구축관리실무에서 발췌한 내용입니다.

원래 제가 기억력이 안좋아서 책을 사놓고 자꾸 봐도 자꾸 까먹는지라 매번 찾아보기 귀찮아서 블로그에 올립니다. 이 글을 보시는 분들도 필요한 부분은 참조하시되 되도록이면 직접 서적을 구입해서 보시기 바랍니다.

명령어

tar

사용법

압축해제 : tar [옵션] 파일명

압축하기 : tar [옵션] 생성할파일 압축할파일

옵션

-z : gzip으로 압축하거나 해제한다.

-x : 압축된 파일로부터 압축을 해제한다.

-h : 심볼릭 링크를 묶지 않는다. 심볼릭링크가 가리키는 파일을 묶는다.

-j : bzip2 필터를 사용하여 .bz2 파일을 해제한다.

-c : 새 저장파일을 만든다.

-m : 파일의 변경 시간 정보를 유지하지 않는다.

-N, --after-date DATE, --newer DATE : 주어진 DATE보다 새로운 파일만 저장한다.

-p(소문자) : 모든 퍼미션 정보를 유지한다.

-P(대문자) : 파일 이름의 맨 앞 / 문자를 버리지 않는다.

-s : 저장 파일 목록과 똑같은 순서로 압축을 해제한다.

-v : 처리중인 파일을 자세하게 보여준다.

-Z : compress로 압축하거나 해제한다.

-f, --file [HOSTNAME:] F : 저장 파일 혹은 장치 파일 F에 저장한다.

--version : tar 프로그램의 버전정보를 출력한다.

--totals : -c로 만들어진 바이트 총합을 출력한다.

예제

gzip 압축하기

tar -cvzf home.tar.gz /home

/home 디렉토리를 gzip을 이용하여 home.tar.gz라는 이름으로 압축한다.

gzip 압축해제하기

tar -xvzf home.tar.gz

현재 디렉토리에 home.tar.gz 파일의 압축을 해제한다.

bzip2 압축하기

tar -cvjf home.tar.bz2 /home

/home 디렉토리를 bzip2를 이용하여 home.tar.bz2.라는 이름으로압축한다.

bzip2 압축해제하기

tar -xvjf home.tar.bz2

현재 디렉토리에 home.tar.bz2 파일의 압축을 해제한다.

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.