[Info]Tags categorized posts and contents patterns..

[AJAX] Ajax Code E xamples.. [Book] About the book.. [CSS] CSS Code E xamples.. [DB] Sql Code E xamples.. [DEV] All development stor...

2016년 3월 8일 화요일

[jQuery]jQuery로 outerHTML처럼 사용하기..

출처 : Outsider's Dev Story https://blog.outsider.ne.kr/

Javascript에는 innerHTML이 있습니다. 선택한 Dom객체의 내부 HTML을 가지고 있는 프로퍼티라고 할 수 있습니다. (Javascript가 아니라 DOM에 있는건가요? 흠..)

Html


<div id="testdiv">
    <a href="#">test</a>
</div>

예를 들어 위와같은 소스가 있을때 testdiv의 innerHTML은 <a href="#">test</a> 입니다. testdiv 엘리먼트를 선택하고 innerHTML을 하면 a태그부터 가져올 수 있지만 div태그는 가져오지 못합니다. 자기 자신은 innerHTML에 포함되지 않죠. 간단한 소스야 가능하지만 DOM트리가 복잡할때는 div부터 HTML태그를 가져오려면 좀 난감할 때가 있습니다. jQuery로는 $("#testdiv").html()을 하면 a태그만 나옵니다.

그래서 IE에서는 자신의 태그까지 리턴해 주는 outerHTML이란 녀석이 있지만 IE에서만 지원하기 때문에 사실상 별로 의미는 없습니다.

이거 때문에 꽤 고민하고 있었는데 jQuery를 이용해서 간단하게 할 수 있더군요.

$("...").clone().wrapAll("<div/>").parent().html();

위의 HTML에서는 $("#testdiv").clone().wrapAll("<div/>").parent().html();를 하면 됩니다. 선택한 엘리먼트 집합의 복사본을 만들고 wrapAll을 이용해서 div로 전체를 감싸버린 뒤 parent()로 div로 올라가서 그안에 html()을 가져오면 $("#testdiv") 자체의 HTML을 가져올 수 있습니다.(jQuery 체인의 강력함이 느껴지는 순간이군요. ㅎ)


[Tool]Eclipse에서 서버구동시 Timeout 에러..

출처 : Outsider's Dev Story https://blog.outsider.ne.kr/

항상 이클립스에서 간단한 것들만 돌려봤더니 서버실행시(Run On Server) Timeout 오류를 처음 겪어 봤습니다. 사실 서버설정에 이런 내용이 있는줄도 모르고 있었군요. ㅠ..ㅠ (여기서는 Tomcat 6.0버전을 사용했습니다.)

Timeout 서버 오류 메시지

"Starting Tomcat v6.0 Server at localhost' has encountered a problem.
Server Tomcat v6.0 Server at localhost was unable to start within 45 seconds. If the server requires more time, try increasing the timeout in the server editor.

위와 같은 오류가 나타납니다. 45초내에 서버시작을 못했다고 server editor에서 수정하라고 하는군요.

이클립스의 서버 View 화면

Servers에서 이클립스에 설정되어 있는 서버를 더블클릭합니다.

서버설정에 관한 Overview 화면

그럼 서버설정에 대한 내용이 위와 같이 나타납니다. 여러가지 설정을 할 수 있게 되어 있군요.

Timeouts 설정 부분

Timeouts부분을 보면 Start에 대한 Timeouts에 대한 시간이 기본값인 45초로 설정되어 있는 것을 볼 수 있습니다. 너무 오래해두면 잘못되었을때 무장적 기다릴수도 있지만 정상적인데 필요하다면 여기서 시간을 늘려주면 됩니다.