[펌글] IE6,7 에서 position:relative, position:absolute 속성의 z-index 버그

By | 6월 22, 2009

– 출처 : http://www.highca.com/114 – IE6이나 7 에서는 position:relative 및 position:absolute 에서 z-index 가 먹지 않는 버그가 있다. <div style=”position:relative; background:black; color:white;”> 까만놈1 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red; z-index:1000″> 창구1 </div> </div> <div style=”position:relative; background:black; color:white;”> 까만놈2 <div style=”position:absolute; top:20px; left:40px; background:white; color:black; border:1px solid red;”> 창구2 </div> </div> 위  예제와 같이… Read More »

[펌글] css float

By | 6월 22, 2009

[출처] css float |작성자 성아에미 엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다. float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고?  나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다.  떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다. 만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면 연두색 엘리먼트에 clear 속성을… Read More »

Ibatis로 오라클의 Date 타입을 select 했을 때 시간 부분이 잘리는 현상

By | 6월 11, 2009

Ibatis로 오라클의 Date 타입 칼럼을 select 하여 java에서 써먹으려고 했을 때, 날짜는 다 나오는데 시간 부분이 00:00 으로 초기화되어 버리는 현상이 있었다. 원인은, select 할 때 resultMap 으로서 HashMap을 사용하는데, result 의 타입을 정확하게 지정해 주지 않았기 때문이었다. 아마 Date로 타입이 지정된 model 클래스의 변수에 담았다면 이런 일이 없었으리라. 그래서 이것저것 시도해 본 끝에 다음과 같이… Read More »

Window객체 – 메소드 – setTimeout/clearTimeout

By | 6월 10, 2009

[출처] Window객체 – 메소드 – setTimeout/clearTimeout|작성자 꿈의인생 setTimeout 메소드는 일정한 간격으로 함수를 호출하여 수행할 수 있게 해준다. clearTimeout메소드는 setTimeout메소드에 의해 일정한 간격으로 수행하는 함수를 중지하기 위해 사용된다.   – 형식 – 변수 = setTimeout(호출함수, 간격)          clearTimeout(변수) → [호출함수]는 사용자가 임의로 만든 함수 → [간격]은 일정한 간격으로 호출되는 시간을 설정한다.(1000 = 1초) → [변수]는 setTimeout과 clearTimeout… Read More »

紐づく 라는 일본어의 의미

By | 6월 8, 2009

紐づく(ひもづく)… 사전에도 없는 말이다. 야후에서 쭉 검색해 보니 IT 업계에서만 사용되는 말인듯 하고, 의미는 ‘related’, 즉 ‘관계된’ 정도로 해석할 수 있을 듯 하다. 아래는 어떤 일본인 블로거의 글 「紐づく」という言葉 衝撃を受けたのでメモ。 紐づくという言葉がある。 意味は、「関連付く」といった感じだろうか?英語でいえば「relation」です。 AとBはCによって紐づけられるのように使用します。 データの関連性を説明する際は当たり前の様に用いています。 この言葉、ずっと世の中で一般的に使用可能な日本語だと思っていました。 しかし、この言葉はどうやら業界用語だったらしい・・・。 私は無意識のうちに、一般ユーザーの目にとまる箇所にこの言葉を用いたことはなかったのですが、 他の方がエラーメッセージの中にこの言葉を用いているのを発見。 何となく調べて日本語ではないと判明。 調べている最中にこんなアンケート結果を見付けました。 >>日本語調査 『ひもつく』という言葉をどう思いますか? IT業界にで生きている人間にとっては天変地異が起きたかのように感じられました。 ああ、もうホントに驚いた。

[자바스크립트] for ~ in 구문에 대하여…

By | 6월 6, 2009

for ~ in 구문은 객체의 속성을 나열할때 사용합니다. for (var prop in myRectangle) {       //myRectangle 객체의 속성만큼 루프를 돌게됩니다.         document.write(myRectangle[prop]+”<br>”); //myRectangle의 속성을 출력합니다. } //여기서 prop는 for (i=0;i<10;i++){} 이런구문의 i와 마찬가지로 별의미 없습니다. key인거죠. //prop 대신에 prop1, prop2 등 아무거나 와도 됩니다.

[자바스크립트] typeof 연산자

By | 6월 6, 2009

* 개요    typeof 연산자는 형식 정보를 문자열로 반환합니다.     typeof는 “number”, “string”, “boolean”, “object”, “function”, “undefined”라는 6가지 형식을 반환할 수 있습니다.    선택적인 요소로 typeof 구문에 괄호를 사용할 수도 있습니다. * 용법    if( typeof ‘abc’ == ‘string’ ){…}         //괄호 사용 안함    if( typeof(‘abc’) == ‘string’ ){…}        //괄호 사용… Read More »

[자바스크립트] instatnceof

By | 6월 6, 2009

[출처] 자바스크립트의 instatnceof|작성자 구나미 자바스크립트에서 instanceof의 사용법….  만약 Array같은 객체의 인덱스를 숫자로 주지 않고 String의 값으로 준다면 리스트.length가 먹히지 않는다. 이럴때 instanceof를 사용하면 무척이나 유용하다. 아래와 같은 방법으로 사용하도록 하라…   for(var i in 리스트) {     if ( 리스트[i] instanceof Array ) {         alert(리스트[i]);     } }  

[AJAX] 간단한 AJAX 호출 함수

By | 6월 4, 2009

//xmlHttp 객체 생성 function createHttp() {  try {   return new XMLHttpRequest();  }  catch (e) {   var objectNames = [“MSXML2.XMLHTTP.5.0”,     “MSXML2.XMLHTTP.4.0”, “MSXML2.XMLHTTP.3.0”,     “MSXML2.XMLHTTP”, “Microsoft.XMLHTTP”];   for (var i = 0; i < objectNames.length; i ++) {    try {     return new ActiveXObject(objectNames[i]);     break;    }    catch (e) {   … Read More »

자바스크립트 객체지향 (OOP)

By | 6월 2, 2009

[출처] 자바스크립트 객체지향 (OOP)|작성자 롤링 JSON (객체표기법(JavaScript Object Notation) 방식  <script type=”text/javascript” language=”javascript”> Book = {  title : “sample”  , chapter : {   title : “title01”   , page : “24”  },  chapter2 : {   title : “title02”   , page : “50”  } } Book.chapter.title = “change_title”; alert(Book.chapter.title); </script>   프로토타입(Prototype) 방식 <script type=”text/javascript” language=”javascript”> function… Read More »

event.clientX, event.clientY,style.left, style.top 팁

By | 6월 1, 2009

출처 : Tong – missle0님의 JavaScript통 style.left, style.top은 문서전체의 좌측상단을 기준으로 측정된 좌표값이고 event.clientX, event.clientY는 브라우저 클라이언트 영역의 좌측상단을 기준으로 측정된 좌표입니다. 스크롤이 되지 않은 상태에선 같은 값을 가지게 되지만, 스크롤이 된 상태라면 좌표값이 스크롤 된 양에 따라 달라집니다. 이를 일치시키려면 클라이언트 좌표에 스크롤 된 양을 더해서 계산에 포함시켜야 합니다.   document.getElementById(obj).style.left = event.clientX + document.body.scrollLeft… Read More »

스크롤 조작하기 (scroll, scrollto, scrollby, pagexoffset, pageyoffset)

By | 6월 1, 2009

[출처] Window > 창을 스크롤 (scroll, scrollto, scrollby, pagexoffset, pageyoffset)|작성자 nameless 지정 위치에 스크롤 : 창이름.scroll (x좌표, y좌표) 지정 위치에 스크롤 : 창이름.scrollto (x좌표, y좌표) 상대 위치에 스크롤 : 창이름.scrollby (x좌표, y좌표) 수평 방향의 옵셋 참조 : 창이름.pagexoffset (x좌표, y좌표) 수직 방향의 옵셋 참조 : 창이름.pageyoffset (x좌표, y좌표)   scrollby 메소드는 현재의 표시 시작 위치로부터… Read More »

[펌글] scrollTop, pageYOffset

By | 6월 1, 2009

[출처] scrollTop, pageYOffset|작성자 심진 pageYOffset : 현재 페이지의 보이는 윈도우 상에서 왼쪽 맨 모서리의 Y 위치을 반환한다. Explorer 에서는 scrollTop 를 사용한다.   브라우저의 종류에 따라서 다음과 같이 위치를 조절할 수 있다. if(IE) {      diffY = document.body.scrollTop;       diffX = 0;  }  if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

[펌글] DL, DT, DD 태그

By | 5월 13, 2009

[출처] DL,DT,DL 태그|작성자 한사람 <DL> 은 정의목록에서 정의문으로 설정될 텍스트를 나타냄 <DT> 는 정의목록에서 용어 부분.. <DD> 는 용어에 대한 목록이나 설명 부분.. ex)  <DL>     <DT>제1조</DT>         <DD>남자는 여자를 사랑한다.</DD>     <DT>제2조</DT>         <DD>여자는 남자를 사랑한다.</DD> </DL> 이라고 입력하면    제1조        남자는 여자를 사랑한다 제2조        여자는 남자를 사랑한다  

VI 에디터 단축키

By | 5월 13, 2009

– 출처 : http://blog.naver.com/kkson50/120108900722 – * 명령어 정리  vi 시작 명령어 vi 파일명 파일 열기, 작성 vi +18 파일명 18행으로 파일 열기 vi +/”문자열” fn “문자열”의 처음발생 단어부터 열기 vi -r 파일명 손상된 파일 회복 view 파일명 읽기 전용으로 파일 열기 vi 커서 이동 명령어 h(←) 좌측으로 l(→) 우측으로 j(↓) 아래로 k(↑) 위로 w 오른쪽 한 단어의 끝 부분으로, word e 오른쪽 한 단어의 앞… Read More »