cozyboy

$("#selectBoxoption option:selected").val();

1. jQuery로 선택된 값 읽기

$("#selectBoxoption:selected").val();

$("select[name=name]").val();

2. jQuery로 선택된 내용 읽기

$("#selectBoxoption:selected").text();

3. 선택된 위치

var index =$("#test option").index($("#test option:selected"));

4. Addoptions to the end of a select

$("#selectBox").append("<optionvalue='1'>Apples</option>");

$("#selectBox").append("<optionvalue='2'>After Apples</option>");

5. Addoptions to the start of a select

$("#selectBox").prepend("<optionvalue='0'>Before Apples</option>");

6. Replaceall the options with new options

$("#selectBox").html("<optionvalue='1'>Some oranges</option><option value='2'>MoreOranges</option>");

7. Replaceitems at a certain index

$("#selectBoxoption:eq(1)").replaceWith("<option value='2'>Someapples</option>");

$("#selectBoxoption:eq(2)").replaceWith("<option value='3'>Somebananas</option>");

8. 지정된 index값으로 select 하기

$("#selectBoxoption:eq(2)").attr("selected", "selected");

9. text 값으로 select 하기

$("#selectBox").val("Someoranges").attr("selected", "selected");

10. value값으로 select 하기

$("#selectBox").val("2");

11. 지정된 인덱스값의 item 삭제

$("#selectBoxoption:eq(0)").remove();

12. 첫번째 item 삭제

$("#selectBoxoption:first").remove();

13. 마지막 item 삭제

$("#selectBoxoption:last").remove();

14. 선택된 옵션의 text 구하기

alert(!$("#selectBoxoption:selected").text());

15. 선택된 옵션의 value 구하기

alert(!$("#selectBoxoption:selected").val());

16. 선택된 옵션 index 구하기

alert(!$("#selectBoxoption").index($("#selectBox option:selected")));

17. SelecBox 아이템 갯수 구하기

alert(!$("#selectBoxoption").size());

18. 선택된 옵션 앞의 아이템 갯수

alert(!$("#selectBoxoption:selected").prevAl!l().size());

19. 선택된 옵션 후의 아이템 갯수

alert(!$("#selectBoxoption:selected").nextAll().size());

20. Insertan item in after a particular position

$("#selectBoxoption:eq(0)").after("<option value='4'>Somepears</option>");

21. Insertan item in before a particular position

$("#selectBoxoption:eq(3)").before("<option value='5'>Someapricots</option>");

22. Gettingvalues when item is selected

$("#selectBox").change(function(){

           alert(!$(this).val());

           alert(!$(this).children("option:selected").text());

});

출처 : http://blog.daum.net/twinsnow/124

[javascript] 새창 띄우기 ( window.open )

1. window.open(URL,WindowName[,WindowFeatures]);

1) URL

- 웹 문서 URL

2) WindowName

- open 창 이름

3) WindowFeatures

- fullscreen = 전체 창. (yes/no)(default : no)

- location = 주소창이 활성화. (yes/no)(default : yes)

- menubar = 메뉴바 visible. (yes/no)(default : yes)

- titlebar = 타이틀바. (yes/no)(default : yes)

- toolbar = 툴바. (yes/no)(default : yes)

- resizable = 창 사이즈 변경. (yes/no)(default : yes)

- scrollbars = 스크롤바. (yes/no)(default : yes)

- width = 창 가로 크기

- height = 창 세로 크기

2. 새창 띄우는 방법

3. 새창 닫기

[펌] http://rocabilly.tistory.com/84

웹페이지에서 어떤 링크를 클릭했을 때, 현재창으로 열리는 것과, 새창으로 열리는 것이 있습니다. 새창으로 열리게 하려면 그 링크 속에

target="_blank"

이런 속성을 추가해 주면 됩니다. 현재창으로 열리게 하려면, 위의 속성을 삭제하면 됩니다.

다음 예제와 같습니다. 그런데 다만 키보드의 Shift키를 누르면서, 어떤 링크를 클릭하면, 무조건 항상 새창으로 뜹니다.

새창으로 뜨게 하는 것이 편리할 수도 있지만, 새창 열기는 웹표준이 아닙니다. 파이어폭스 같은 탭브라우저에서는 새창 열기가 오히려 불편할 수도 있습니다

[펌] http://mwultong.blogspot.com/2008/04/html-new-win.html

jQuery에서 append()등의 함수를 사용하다보면 그동안 DOM을 얼마나 무식하게 만지고 있었는지 느끼게 됩니다. 하지만 이 append()를 사용 할 때도 잘 사용해야지 잘못하면 JavaScript의 실행 속도가 무지 느려지게 된다고 합니다.

일단 원문에서 사용한 예제를 하나 보여드리지요.

var arr = reallyLongArray;
$.each(arr, function(count, item) {
    var newTd = $('<td></td>').html(item).attr('name','pieTD');
    var newTr = $('<tr></tr>');
    newTr.append(newTd);
    $('table').append(newTr);
});

저도 위와 같이 append()되는 녀석들을 만들어서 append()합니다. 더 심하게 하면 $(‘<td></td>’)를 사용하지 않고 $(document.createElement(“td”))와 같이 사용합니다.

하지만 원문에서는 이렇게 하면 상당히 느리다네요. 그러면서 다음과 같이 했더니 3배 정도 더 빨라졌다고 합니다.

1
2
3
4
5

var arr = reallyLongArray; 
$.each(arr, function(count, item) {
    var newTr = '<tr><td name="pieTD">' + item + '</td></tr>';
    $('table').append(newTr);
});

뭐가 달라 보이시나요? … 네 append() 사용 수가 줄었습니다. 그리고 TD, TR을 각각 하나씩 만들어 append()하지 않고 내용을 한번에 만들어 append()를 하도록 했습니다. 즉, 완벽한 tr 하나를 만들어 table에 추가하도록 한것입니다.

엇! 실행 속도를 더 빨리 할 수 있는 것이 있다네요. 좀더 볼까요?

1
2
3
4
5
6

var arr = reallyLongArray; 
var textToInsert = '';
$.each(arr, function(count, item) {
    textToInsert  += '<tr><td name="pieTD">' + item + '</td></tr>';
});
$('table').append(textToInsert);

음… 위에 보시면 뭐가 달라졌는지 아시겠나요? … 네. 바로 append() 를 $.each() 함수 밖으로 빼버렸습니다. 즉, table에 추가되는 내용을 한번만 append()하도록 했습니다. 그렇게 하기 위해 추가되는 내용을 arr이라는 변수에 문자열로 담아 버렸군요. 오호. 문자열로 전부 담아버렸답니다.

엇! 조금더 빨리 하는 것이 있다네요. 더 볼까요?

1
2
3
4
5
6
7
8
9

var arr = reallyLongArray; 
var textToInsert = [];
var i = 0;
$.each(arr, function(count, item) {
    textToInsert[i++]  = '<tr><td name="pieTD">';
    textToInsert[i++] = item;
    textToInsert[i++] = '</td></tr>';
});
$('table').append(textToInsert.join(''));

아하~~ 아시겠나요? table에 들어가는 Elements들을 변수 하나에 넣지 않고 배열에 넣었군요. 들어가야 하는 내용이 아주아주 많은 경우 변수 하나에 문자열로 주~~욱 넣는것보다 배열로 나눠서 넣으면 속도가 조금 빨라지나 봅니다. 배열을 join해서 append 하는데 하나의 변수에 내용을 계속 추가하는 시간보다 배열로 저장하고 join()하는 시간이 더 짧게 걸리나 봅니다.

마지막으로 아래와 같이 하면 더 속도를 빨리 할 수 있다고 합니다.

1
2
3
4
5
6
7
8
9
10
11

var arr = reallyLongArray; 
var textToInsert = [];
var i = 0;
var length = arr.length;
for (var a = 0; a <length; a += 1) {
    textToInsert[i++]  = '<tr><td name="pieTD">';
    textToInsert[i++] = arr[a];
    textToInsert[i++] = '</td> </tr>' ;
 
}
$('table').append(textToInsert.join(''));

이번에는 뭐가 다를까요? … 네! $.each() 함수를 사용하지 않았습니다. $.each()함수도 어찌보면 jQuery 함수라 불필요한 로직이 있을 수 있습니다. 따라서 단순한 반복이라면 for문을 사용하는 것이 더 빠르다는 것이네요.

이상과 같이 append()할때 몇가지 사항을 적용해 주면 실행 속도가 상당히 빨라진다고 하니 상품목록을 생성하거나 RSS Item들을 생성할때 사용해 보면 좀더 빨라 질것 같네요.

아래 원문링크를 들어 가시면 브라우저별로 실행한 결과를 보실 수 있습니다. 또 각각의 예문의 실행 시간이 얼마나 되는지도 확인 하실 수 있습니다.

ps1: 원문에 달려 있는 코멘트 중에서 table에 들어가는 내용을 tbody태그로 둘러 싸서 아래와 같이 넣으면 tbody로 감싸지 않았을때보다 속도가 더 빨라진다고 합니다. 그것도 6배나 !!!!

$('#testTable').append('<tbody>' + newTr + '</tbody>');

[펌] http://devrada.tistory.com/61

크롬에서 Ajax를 내 마음대로

하이브리드 어프리케이션을 제작하다보면 API 서버와의 통신이 필요한 어플리케이션을 만들 경우가 있습니다. 이러할 경우 개발단계에서 크롬에서 크로스 도메인에 대한 보안을 해체하여 사용할 수 있는 방법이 있어서 소개해 드립니다.

크로스 도메인

웹브라우저에서의 보안정책 으로 서로 다른 도메인간의 양방향 정보 교환을 막아 놓은 것입니다.(보내는 것은 가능하지만 보낸 데이터의 결과를 읽는 것은 불가능)

문제점

개발 초기에 하이브리드 어플리케이션에서 API 서버를 통해서 json 파일을 ajax를 이용하여 호출을 하면 다음과 같은 오류가 발생 합니다.

위에서 말한 크로스 도메인 문제를 크롬 설정을 통해서 해제 할 수 있습니다.

Window

1. 실행 되어 있는 크롬 브라우저를 모두 종료해야 합니다.

2. 크롬 실행 파일을 우클릭 합니다.

3. Google Chrome 메뉴에서 우클릭 합니다.

4. Properties 메뉴를 선택 합니다.

5. Shortcut 메뉴의 Target을 선택합니다.

6. 맨뒤의 chrome.exe뒤에 한칸 띄우고 --disable-web-security를 입력 하여 줍니다.

7. OK 버튼을 선택해 저장을 합니다.

Mac

1. 실행 되어 있는 모든 크롬 브라우저를 종료 해야 합니다.

2. 터미널을 실행 시킵니다.

3. open -a Google\ Chrome --args --disable-web-security 다음 명령어를 입력하고 실행 합니다.

마무리

위의 방법대로 하면 크롬에서 자유롭게 서로다른 도메인이라도 데이터를 주고 받을 수 있습니다. 혹시 위의 방법대로 해도 안되는 분이 있으시다면 크롬을 완전히 종료하고 다시 실행을 하면 될 것입니다.

[펌] http://mhrinc.tistory.com/126

Ctrl + O

클래스안에 있는 메소드들의 타입을 확인할 수 있습니다.

Ctrl + Shift + F

문자 자동정렬

Ctrl + Shift + P

매칭되는 괄호로 이동

Ctrl + Shift + O

자동으로 import할 때 사용합니다.

Ctrl + D

커서가 위치한 줄 소스 삭제할 때 사용합니다.

Ctrl + Space

클래스나 그에 소속된 메소드 등의 목록을 띄워 원클릭으로 적용하기 쉽게 선택할 수 있는 자동완성 기능입니다.

Ctrl + F

문자열을 검색할 때 사용합니다.

찾아 바꾸기 (Replace with) 기능을 제공하여 한번에 문자열 치환이 가능합니다.

Ctrl + L

위의 단축키를 누르고 줄번호를 입력 시 해당 줄(Line number)로 커서가 이동합니다.

Ctrl + K

Ctrl + f와 같은 기능입니다.

검색하려는 키워드를 블록 설정하고 위의 단축키를 누르면 검색이됩니다.

Alt +  ←

이전에 했던 Action

Alt +  →

이후에 했던 Action

Ctrl + F11

전에 실행된 Run as 파일 실행 됩니다. 

Ctrl + W

페이지 닫기 기능입니다.

인터넷 브라우저(IE, Chrome 등), 윈도우 파일탐색기 등 여러 곳에서 동일하게 사용 가능합니다.

Ctrl + Shift + W

전체 페이지 닫기 기능입니다.

Ctrl + /

주석처리를 위한 단축키입니다.(단축키를 누르면 해당 줄 전체가 주석처리 됩니다.)

Alt + ↓

Alt + ↑ 

커서가 위치한 줄의 내용이 위치할 순서를 바꿀 때 사용합니다.

Ctrl + M

소스코드의 창을 전체화면으로 변경합니다.(좌측의 익스플로러 창이 숨는 기능)

Ctrl + Alt + ↓/↑

커서가 위치한 줄의 내용 복사 시 사용합니다

Ctrl + N

새로운 프로젝트를 생성하거나 새로운 파일을 생성할 때 사용하는 단축키입니다.

F11

Debug 시작

F8

Debug 계속 진행

F6

Debug 라인 실행

F5

Debug 라인 단위로 실행(함수 내부로 들어갑니다.)

Ctrl + Shift + B

현재 커서 라인에 브레이크 포인트(Break point) 설정

Ctrl + Shift +X

대문자로 변환

Ctrl + Shift + Y

소문자로 변환

Ctrl + Shift + L

모든 단축키의 내용을 출력합니다.

펌 : http://h5bak.tistory.com/161

http://jsbeautifier.org/ 

자바스크립트 소스를 알아보기 편하게 정렬 시켜주는 사이트입니다. 

해당코드를 붙여넣어서 아래 버튼을 클릭

펌 : http://blog.outsider.ne.kr/346

apt-get(Advanced Packaging Tool)은 우분투(Ubuntu)를 포함안 데비안(Debian)계열의 리눅스에서 쓰이는 팩키지 관리 명령어 도구입니다. 우분투에는 GUI로 되어 있는시냅틱 꾸러미 관리자도 있기는 하지만 이런 저런 개발관련 패키지를 설치할 때는 커맨드기반인 apt-get이 더 편하기도 합니다. sudo는 superuser권한으로 실행하기 위함입니다.



패키지 인덱스 인덱스 정보를 업데이트 : apt-get은 인덱스를 가지고 있는데 이 인덱스는 /etc/apt/sources.list에 있습니다. 이곳에 저장된 저장소에서 사용할 패키지의 정보를 얻습니다.

http://elren.blog.me/120172160904

<head>

<META http-equiv="refresh" content="3; url=http:home/home.html>

</head>

<div style="float:left;">왼쪽</div>
<div style="float:right;">오른쪽</div>

[펌]:

http://photoshop-textcube.blogspot.kr/2009/05/htmldiv-%ED%83%9C%EA%B7%B8%EB%A1%9C-%EC%99%BC%EC%AA%BD%EC%98%A4%EB%A5%B8%EC%AA%BD%EC%A0%95%EB%A0%AC%EC%9D%84-%ED%95%9C%EC%A4%84%EC%97%90-%EB%8B%A4-%ED%91%9C%ED%98%84%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95.html

var path = window.location.pathname;

이클립스에서 *.properties 파일을 생성하면 기본 인코딩이 ISO-8859-1 형식으로 설정된다.
이는 규약때문이다. *.properties 파일은 원래 ISO-8859-1 로 저장되어야 한다.

따라서 한글 같은 경우에 유니코드 이스케이프 시퀀스를 이용해서 기록해야 한다.
그렇지 않으면 java.util.Properties 객체로 읽어올때 제대로 읽혀지지 않는다. 자바의 Properties 클래스를 이용하는 한
무조건 ISO-8859-1 인코딩으로만 인식하고 읽기 때문에 이문제는 피할 수는 없을것 같다.

모든 작업파일들의 기본 문자인코딩 설정에 대해 확인하고자 하면
이클립스의 Window -> Preferences
Content Types -> Text  트리 메뉴를 확인해 보면 Java, JSP 혹은 JavaScript 등 여러 파일형식을 확인할 수 있다.

위에서 한글같은 경우 유니코드 이스케이프 시퀀스를 이용해야 한다고 했는데
native2ascii 명령으로 iso-8859-1로 변환할 수 있다. 아래와 같은 방식이다.

개발 원본 파일 : example.properties-in 의
example.message       = 잘못된 값을 입력하셨습니다.

native2ascii example.properties-in >example.properties 실행하면

실제 설정 파일 : example.properties
example.message       = \si734\ubaf7 \ub53c\ubwr3\ub678\uc318\ub1b4 \.......................................

[펌] : http://finewoo.tistory.com/38

1년전에 쓴거라, 최신버전과는 어떨지 모르겠으나..

개념파악을 할 수 있을거라 생각됩니다.

목차

nagios란

전체 구성

- nagios 실행과 config 검증

- 로그, 캐쉬, 설정 파일

- plugins

- external command file

- notification commands

- event handler

- object configuration

- addons(NRPE, NSCA)

-요약

이하 내용은 쓸모없는내용임..

Nagios.pdf