블로그 이미지
올해목표 // 10월 어학연수 떠나자~ 자수씨

카테고리

전체글 (1457)
Brand New! (28)
주절주절 (213)
MOT (11)
해외쇼핑 (49)
쇼핑노트 (150)
취미생활 (94)
iPhone (4)
Eclipse (121)
Google (83)
Spring (31)
JAVA (176)
JavaScript (59)
WEB (49)
Database (20)
OS (26)
Tools (8)
Tips (26)
IT정보 (1)
Book (21)
Programming (37)
외부행사 (43)
주변인들 (17)
여행노트 (60)
학교생활 (30)
회사생활 (52)
사회생활 (5)
외국어공부 (12)
잡동사니 (30)
Total
Today
Yesterday
 
05-01 00:02
 

달력

« » 2024.5
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
 

최근에 올라온 글

최근에 달린 댓글

[ExtJS 3.0] Toolbar Buttons Group Ribbon Style

JavaScript/ExtJS / 2009. 8. 20. 19:24


ExtJS 3.0 에서 Toolbar ButtonsGroup 이 새로 추가되었습니다.


(예제 페이지 : https://www.extjs.com/deploy/dev/examples/toolbar/toolbars.html)


하지만 우리가 쓰는 Office 2007 에는 그룹 타이틀이 하단에 위치해 있는 것을 볼 수 있습니다.




그리하여 구글링으로 찾은 결과물이 바로 아래 게시물입니다.
https://www.extjs.com/forum/showthread.php?p=375447

culybracket 이라는 닉네임을 쓰시는 분이 fbar 에 text 로 title 을 작성하고 css 형식을 입히는 방식으로
오피스와 같은 형식의 그룹 버튼 만드는 법을 정리하셨습니다.

CSS

실제 사용 예제 (fbar 의 속성으로 배열에 텍스트 요소하나만 넣으면 됩니다.)



CSS 를 보시면 assets/images/group-bt.gif 가 필요합니다.
아래의 주소에서 구하시면 될 것 같습니다. (이미지의 위치에 따라 CSS도 변경해주셔야 하는 거 잊지마시구요...)
http://js.curlybracket.de/examples/buttongroup-ribbonstyle/group-bt.gif


실제로 개발자 분의 예제 페이지를 보면 아래처럼 나오게 됩니다.




이로서 한걸음 더 오피스와 가까워지는 ExtJS 를 보셨습니다. ㅋㅋㅋ
메뉴랑 연동이 되는 툴바도 나왔으면 좋겠네요~
 


저작자표시

Posted by 자수씨
, |

GWT OpenerEvents 를 일반 HTML 에서 fire 하기

Google/GWT / 2009. 3. 21. 22:26

이전에 작성했던 [GWT] OpenerEvents 에서는 GWT 에서 open 한 GWT 페이지에서 상위 페이지로 이벤트를 fire 하는 내용을 포스팅 하였습니다. 이번에 제가 맡은 업무는 GWT 로 만들어진 opener 에서 extjs 로 만들어진 popup 을 띄운 후, popup 에서 opener 로 이벤트를 발생시키는 일이였습니다.

지난 포스팅을 참고해서 다음과 같이 간단한 작업으로 처리가 가능합니다.



소스 내에서 top 을 쓰는 이유는 frame 구조 안쪽에 있을 수 있기 때문에 다음과 같이 처리하였습니다.
재대로 안될 경우 이전 포스팅에서 OpenerEvents.install() 메소드의 $wnd[...] 를 top.$wnd[...] 로 바꾸면 될 것 입니다.

따로 js 파일을 만들어서 function 만 제공할까 하였으나 얼마 안되는 내용이므로 간략하게 정리합니다.



Posted by 자수씨
, |

[Ext JS] 아악 tooltip....

JavaScript/ExtJS / 2009. 3. 17. 20:59

gwt-ext 로 개발한 UI 가 너무 느려서 extjs 로 포팅한 모듈이 있었습니다.

하다보니 tooltip, 즉 풍선도움말이 정상적으로 표시가 안되서 그냥 넘어갔었는데...
고객의 불만이 많다는 연락을 받고... 다시한번 눈을 씻고 찾아보았지만 해결할 수 있는 방법이 없었습니다.




분명히 Ext API Documentation 대로 tooltip 속성도 넣어주고 하였는데 안되길래,
ext:qtip 속성에 값도 넣어도 보고 하였지만... 역시 마찬가지 였습니다.

한참을 고민하고 있는데 그냥 QuickTips 라는 것이 눈에 띄었습니다.
tooltip : String/Object
The tooltip for the button - can be a string or QuickTips config object

그래서 Ext API Documentation::Ext.QuickTips 를 확인해 보니 아래와 같은 예제 코드가 있었습니다.


그래서 저도 속는 셈치고 아래 코드를 넣어보았습니다.
Ext.QuickTips.init();

-_-;;; 이제서야 tooltip 이 나옵니다.....

이걸로 지난번의 5시간과 오늘의 4시간 삽질의 끝을 볼 수 있었습니다.

extjs 가 주특기라 아니라 원인을 파악하기는 힘들지만 어쨌든 해결했으니~ 이제 쵸큼 쉴 수 있겠습니다.





Posted by 자수씨
, |

자바스크립트 bind() 라는 함수를 아시나요?

JavaScript/ExtJS / 2009. 2. 27. 19:11

bind() 는 순수 자바스크립트라고 하기는 뭐하고 Prototype 에서 제공해주는 함수입니다.

하는일은 function 에 파라미터를 넘겨주는 역할을 합니다.

가장 많이 쓰이는 곳은 async 환경에서 callback 함수에서 특정값을 넘길때 주로 사용하게 됩니다.

extjs 에서도 이런기능을 찾다가 검색에 성공하였습니다.



Function 클래스의 createDelegate 함수를 통해서 파라미터가 설정된 function 이 재구성됩니다.
저 함수를 변수로 받아서 호출을 하게되면 파라미터는 항상 1, 2 가 넘어가게 됩니다.


http://www.prototypejs.org/api/function/bind
http://www.extjs.com/deploy/dev/docs/?class=Function

Function 클래스도 쓸만한게 꽤 되는군요... 후훗...


Posted by 자수씨
, |

Ext.util.Format 클래스~

JavaScript/ExtJS / 2009. 2. 27. 01:40

http://www.extjs.com/deploy/dev/docs/?class=Ext.util.Format

간만에 extjs 로 코딩할 거리가 생겼습니다. -_-;;;; 스크립트 손 놓은지 오래됐는데;;;

유용한 extjs util 클래스를 정리하고자 합니다.

함수명 파라미터 리턴값 설명
 capitalize  String value  String Converts the first character only of a string to upper case
첫번째 문자를 대문자로 바꾸는 함수로 추정됩니다.
 date  String/Date value, [String format]  String Parse a value into a formatted date using the specified format pattern.
형식에 맞게 날짜/시간을 변환합니다.
 dateRenderer  String format  Function Returns a date rendering function that can be reused to apply a date format multiple times efficiently
안써봐서 모르겠습니다. ㅋㅋㅋ
 defaultValue  Mixed value, String defaultValue  String Checks a reference and converts it to the default value if it's empty
값이 비어 있을 경우 기본값으로 반환해줍니다.
 ellipsis  String value, Number length  String Truncate a string and add an ellipsis ('...') to the end if it exceeds the specified length
문자열의 길이가 일정 길이를 넘어서면 해당길이 뒤에 '…' 을 붙여 표시합니다.
 fileSize  Number/String value  String Simple format for a file size (xxx bytes, xxx KB, xxx MB)
파일크기로 변환해줍니다.
 htmlDecode   String value  String Convert certain characters (&, <, >, and ') from their HTML character equivalents.
인코딩된 특정 문자를 디코딩합니다.
 htmlEndcode  String value  String Convert certain characters (&, <, >, and ') to their HTML character equivalents for literal display in web pages.
특정 문자를 인코딩합니다.
 lowercase  String value  String Converts a string to all lower case letters
문자열을 소문자로 변환합니다.
 nl2br  String The  String Converts newline characters to the HTML tag <br/>
뉴라인을 <br/> 태그로 변환합니다.
 stripScripts  Mixed value  String Strips all script tags
script 태그를 벗겨내는 건가요???
 stripTags  Mixed value  String Strips all HTML tags
HTML 태그들을 벗겨내는...???
 substr  String value, Number start,
 Number length		  String Returns a substring from within an original string
문자열을 잘라냅니다.
 trim  String value  String Trims any whitespace from either side of a string
좌우 공백을 제거합니다.
 undef  Mixed value  Mixed Checks a reference and converts it to empty string if it is undefined
파라미터가 undefined 일 경우 빈 스트링을 반환???
 uppercase  String value  String Converts a string to all upper case letters
대문자로 변환합니다.
 usMoney  Number/String value   String Format a number as US currency
미국 통화단위로 포맷팅합니다.

스크립트는... 정말~ 피곤하지만 재밌는 언어입니다. ㅋㅋㅋㅋ


Posted by 자수씨
, |

ExtJS Panel 안에 P Tag 의 margin 이...

JavaScript/ExtJS / 2009. 1. 15. 10:35

프로젝트를 사내에 배포하여 사용하고 있는데 에디터에서 보이는 모양과 다르게 볼 때는 이상하게 나오는 것이었습니다.

원인은 P 태그...



이것 때문에 XML 다 열어서 <BR /> 다 넣어주고 난리가 아니였습니다.
결재 문서라 조금 크리티컬 했기에 -_ㅜ...
왜 그런걸까요... 어디선가 CSS 의 조작이 있는듯한데 일단은 땜방!!!



Posted by 자수씨
, |

썬 테크데이 2008 서울 - 대화의 시간 동영상~

외부행사/컨퍼런스 / 2008. 10. 17. 01:29

역시 아무런 생각없이 도전했다가는 이렇게 된다는 것을 느낀 ㅋㅋㅋㅋ
완전 웃기네요.. 버벅거리고 말도 안되는 내용을 이야기 하네요.. 너는 누구니...
미리 써있는 종이를 보지 않고 자연스럽게 해야 한다는 것을 깨달았습니다. ㅋㅋㅋ
글구 10분이 발표시간이었는데... 12분이나 되네요.... 처음발표라 그렇습니다.



슈퍼캡숑 울트라 감사하게 질문해주신분께 무한한 행복이 가득하기를!!!!



웅큐... 내가 나 카메라에 잡지 말라니깐... 잡아가지고!!!
동영상 잘라내느라 힘들었음 ㅋㅋㅋㅋ

음.. 다음번에는 이클립스 플러그인 개발도 발표해보고 싶어용~
아니면 GWT Ext 를 실제로 개발하는 걸 발표해보고도 싶구용~

Posted by 자수씨
, |

[GWT-EXT] DateUtil format reference...

Google/GWT / 2008. 9. 24. 13:41
gwtext 에서 Date format 을 사용할 경우 쓰이는 것이랍니다.

PHP 에서 사용하는 포멧을 사용했나봐요~~

출처 >> gwtext javadoc... com.gwtext.client.util.DateUtil

The date parsing and format syntax is a subset of PHP's date() function, and the formats that are supported will provide results equivalent to their PHP versions. Following is the list of all currently supported format.

Format Description Example returned values
d Day of the month, 2 digits with leading zeros 01 to 31
D A short textual representation of the day of the week Mon to Sun
j Day of the month without leading zeros  1 to 31
l A full textual representation of the day of the week Sunday to Saturday
N ISO-8601 numeric representation of the day of the week 1 (for Monday) through 7 (for Sunday)
S English ordinal suffix for the day of the month, 2 characters st, nd, rd or th. Works well with j
w Numeric representation of the day of the week 0 (for Sunday) to 6 (for Saturday)
z The day of the year (starting from 0) 0 to 364 (365 in leap years)
W ISO-8601 week number of year, weeks starting on Monday 01 to 53
F A full textual representation of a month, such as January or March January to December
m Numeric representation of a month, with leading zeros 01 to 12
M A short textual representation of a month Jan to Dec
n Numeric representation of a month, without leading zeros 1 to 12
t Number of days in the given month 28 to 31
L Whether it's a leap year 1 if it is a leap year, 0 otherwise.
o ISO-8601 year number (identical to (Y), but if the ISO week number (W)     Examples: 1998 or 2004
 belongs to the previous or next year that year is used instead)
Y A full numeric representation of a year, 4 digits Examples: 1999 or 2003
y A two digit representation of a year Examples: 99 or 03
a Lowercase Ante meridiem and Post meridiem am or pm
A Uppercase Ante meridiem and Post meridiem AM or PM
g 12-hour format of an hour without leading zeros 1 to 12
G 24-hour format of an hour without leading zeros 0 to 23
h 12-hour format of an hour with leading zeros 01 to 12
H 24-hour format of an hour with leading zeros 00 to 23
i Minutes, with leading zeros 00 to 59
s Seconds, with leading zeros 00 to 59
u Milliseconds, with leading zeros 001 to 999
O Difference to Greenwich time (GMT) in hours and minutes Example: +1030
P Difference to Greenwich time (GMT) with colon between hours and minutes Example: -08:00
T Timezone abbreviation of the machine running the code Examples: EST, MDT, PDT …
Z Timezone offset in seconds (negative if west of UTC, positive if east) -43200 to 50400
c ISO 8601 date 2007-04-17T15:19:21+08:00
U Seconds since the Unix Epoch (January 1 1970 00:00:00 GMT) 1193432466 or -2138434463

Posted by 자수씨
, |

GWT 는 이제 할 시간이 없겠네용...

Google/GWT / 2008. 8. 5. 17:27
아무래도 개발에 흥미를 갖게 되려면 업무와 연관이 있어야 하는 것 같습니다.
(업무를 처리하면 곧 돈과 연계되므로.... 흠흠)

대학교때는 작은누나 졸업작품 만들어주느라 SKVM 으로 개발도 해보고

병역특례때에는 회사 프로젝트때문에 자바스크립트만 죽어라 팠던적도 있었습니다.

자바스크립트가 대중적이지 못해서 시작한 GWT... 아직 국내에는 활성화가 되지 못한게 아쉽네요.

그에 대한 대안으로 extjs 와 gwt-ext 도 한동안 파고 있었는데 회사에서 FLEX 로 간다고 하네용~

지금은 GEF 기반의 RCP 를 만드는데에 매진하고 있습니다. 일단은 플러그인 만드는 것 부터

공부해서 가치를 팍팍 올려야겠습니다.


2년 넘게 끙끙대왔던 GWT 를 만질 날이 이제는 거의 없을 것 같은 불길한 예감이... ㄷㄷㄷ

그래도 뭐;;; 휴학하기 전 부터 하고 싶어했던 플러그인 개발을 지금에야 관심을 갖고 할 수 있게되어서

다행입니다 ㅋㅋㅋ


에휴.. 팀장님이 휴가 끝나고 RCP 개발 계획안 가지고 오랬는뎁;;

Posted by 자수씨
, |

[gwt-ext] 메뉴를 이렇게 개발할 수 있으면 편할텐데...

Google/GWT / 2008. 7. 2. 18:24
extjs 가 아닌 gwt-ext 로 개발하다보니 메뉴개발시에 불편한 점이 한두가지가 아니라는...

이런식으로 개발할 수 있으면 을마나 좋을까요??



동지가 필요한 시점 ㅋㅋㅋㅋ

Posted by 자수씨
, |

글 보관함

최근에 받은 트랙백

티스토리툴바