jQuery Traverse - Miscellaneous Traversing

jinmuk

· 12년 전 · 조회 1047 1047

탐색 메서드 두 번째 시간으로 이번에는 Miscellaneous 메서드에 대해 알아 보도록 하겠습니다.

우선 Miscellaneous 메서드의 종류를 정리하면 다음과 같습니다.

메서드	메서드 설명
.add()	일치하는 요소의 집합에 요소를 추가합니다.
.andSelf()	현재 설정 스택에 요소의 이전 설정을 추가합니다.
.contents()	텍스트 및 주석 노드를 포함 일치하는 요소 집합의 자식 집합을 반환합니다.
.end()	이전 상태로 일치하는 집합을 반환합니다.
표 1. [jQuery Miscellaneous 메서드 종류]

Miscellaneous의 뜻을 사전에서 찾아 보면 ‘여러 가지 종류의, 이것저것 다양한’ 이란 뜻을 가지고 있습니다. 아마도 해당 메서드의 성격이 너무나도 달라서 카테고리의 이름을 이렇게 잡은 듯 합니다.

add()

이름에서도 쉽게 알 수 있듯이 뭔가를 더하는 역할을 하는 메서드로 다음과 같이 사용을 합니다.

.add(selector)

.add(elements)

.add(html)

셀렉터를 통해 선택한 개체에 ()안에 값을 더하는 메서드로 selector를 통해 가져온 개체, span과 같은 요소, <span>testSpan</span>과 같은 html 요소가 올 수 있습니다.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Selector</title>
    <link href="../Styles/Site.css" rel="stylesheet" type="text/css" />    
    <style>
        div,pre { background : #FFF; padding:10px; margin:10px; }
        table { border:1px solid #AAA; }
        td { border:1px solid #AAA; width:25px; height:25px; }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("li").add("div > p").css("border", "1px solid red");            
        });
    </script>
</head>
<body style="padding:10px;">
    <h2>jQuery 시작 Selector</h2>
    <p>jQuery에 대한 자세한 내용을 보려면 jquery.com 을 방문하세요.</p>
    <div>
        <ul>
            <li>list item 1</li>
            <li>list item 2</li>
            <li>list item 3</li>
            <li>list item 4</li>
        </ul>
        <p>this is P</p>
    </div>
</body>
</html>

.andSelf()

사용빈도가 상당히 낮을 것으로 추측을 하는 메서드로 저 또한 이번 강좌를 준비하면서 알게 된 메서드입니다. 앞서 설명한 부분을 다시 보면 “현재 설정 스택에 요소의 이전 설정을 추가합니다.” 말이 좀 어렵습니다.

우선 jQuery 문서에 있는 예제를 살펴 보기로 하겠습니다.

<!DOCTYPE html>
<html>
    <head>
    <style>
        p, div { margin:5px; padding:5px; }
        .border { border: 2px solid red; }
        .background { background:yellow; }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <div>
            <p>First Paragraph</p>
            <p>Second Paragraph</p>
        </div>
    <script>
    $("div").find("p").andSelf().addClass("border");
    $("div").find("p").addClass("background");
    </script>
</body>
</html>

07_007(2).jpg

다음 그림을 보면 좀더 이해가 쉽습니다.

.contents()

셀렉터를 통해 선택된 개체 안에 있는 모든 요소를 반환합니다.

단어의 뜻대로 선택된 개체 안에 있는 요소의 집합을 반환하며, 이 메서드의 경우 filter 메서드와 조합을 통해 많이 사용을 하고 있습니다.

다음 예제를 통해 간단한 사용법을 살펴 보도록 하겠습니다.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Selector</title>
    <link href="../Styles/Site.css" rel="stylesheet" type="text/css" />    
    <style>
        div,pre { background : #FFF; padding:10px; margin:10px; }
        table { border:1px solid #AAA; }
        td { border:1px solid #AAA; width:25px; height:25px; }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("ul").find("li").contents().remove("ul");
        });
    </script>
</head>
<body style="padding:10px;">
    <h2>jQuery 시작 Selector</h2>
    <p>jQuery에 대한 자세한 내용을 보려면 jquery.com 을 방문하세요.</p>
    <div>
        <ul>
            <li>list item 1</li>
            <li>list item 2
                <ul>
                    <li>sub item 1</li>
                    <li>sub item 2</li>
                </ul>
            </li>                
            <li>list item 3</li>
            <li>list item 4</li>
        </ul>
    </div>
</body>
</html>

07_007(3).jpg

[메서드 적용전의 모습]

07_007(4).jpg

[메서드 적용 후의 모습]

remove(selector) 메서드는 "selector"와 일치하는 내용을 삭제합니다.
예제를 간단히 설명하면, 셀렉터를 통해 ul 요소를 찾은 후 find()를 통해 "li" 요소를 찾습니다. 마지막으로 contents() 메서드를 통해 li 요소에 담겨있는 모든 요소를 찾은 후 remove() 메서드를 통해 "ul"이 제거가 되었습니다.

.end()

이 메서드는 정말 중요하고 많은 곳에서 사용이 되며, 실제로 복잡한 스크립트를 작성할 때 마법과 같은 역할을 해 주는 메서드입니다.

.end() 메서드를 간단히 설명 드리자면 .end() 메서드가 호출 후 바로 이전의 상태로 돌아가는 것을 의미합니다.

역시나 설명이 어렵우시나요 ?

$(div).find(p).end().addClass(“myClass”);와 같은 구문이 있다고 한다면 myClass라는 class 속성이 div에 적용이 됩니다.

.end() 메서드가 없다면 “div” 요소 안에 있는 “p” 요소에 class 속성이 적용이 되지만 .end() 메서드의 호출로 인해 “p” 요소 이전의 개체인 $(“div”) 개체가 다시 호출이 되고 호출된 $(“div)에 class 속성이 적용이 되는 것입니다.

그림으로 다시 설명을 드리자면 아래와 같이 동작을 한다고 보시면 됩니다.

.end() 메서드의 경우 앞에 강좌에서 설명한 jQuery의 특징 중에 플러그인과 메서드체인을 이용한 스크립트 작성에 빠질 수 없는 요소로 정확히 이해를 하신다면 간결하고 클라이언트에 부담 확~ 줄일 수 있는 프로그래밍이 가능하므로 해당 메서드에 대해 정확히 이해를 하시기 바랍니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

프로그램

글쓰기

번호	제목	글쓴이	날짜	조회
530	사이트의 해상도를 알려주고 해상도가 맞지 않으면 경고창을 띄우는 스크립트 #개발자팁 #개발자 #팁자료실 #기타	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1248
529	사용자 웹브라우저의 이름 알려주기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1434
528	사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	Elbis 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1984
527	ctrl +j 와 ctrl + alt + shift + t 의 사용법(잔팁) [5] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	사랑과우정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2398
526	Samba 설정 #개발자팁 #개발자 #팁자료실 #javascript	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2880
525	초짜의 Timeline 이용한 Intro 페이지 연습 [2] [3] #개발자팁 #개발자 #팁자료실 #flash	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2313
524	즐겨찾기 추가, 시작페이지로 만들기 #개발자팁 #개발자 #팁자료실 #기타	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1817
523	curl 함수를 이용한 HTTP_REFERER 변경 [8] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	7064
522	Ajax(Asynchronous JavaScript and XML)란? [8] #개발자팁 #개발자 #팁자료실 #javascript	ⓦangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3741
521	if [23] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2359
520	iinclude와 조건문 [7] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2402
519	제가 사용하는 php환경맞춤 부분 [7] #개발자팁 #개발자 #팁자료실 #php	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2910
518	제가 만들어서 쓰고 있는 입금표양식입니다. [1] #기획자팁 #기획자 #팁자료실	jepae 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5801
517	제가 만들어서 쓰고 있는 세금계산서 양식입니다. [1] #기획자팁 #기획자 #팁자료실	jepae 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5571
516	제가 만들어서 쓰고 있는 거래명세서입니다. #기획자팁 #기획자 #팁자료실	jepae 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2280
515	제가 만들어서 쓰고 있는 견적서입니다. [4] #기획자팁 #기획자 #팁자료실 #견적서	jepae 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3324
514	국내 지도 선택(시, 도 별로 선택하기) [5] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	수다쟁이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2881
513	시차에 따른 서버시간 출력하기... [1] #개발자팁 #개발자 #팁자료실 #기타	시그너스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2232
512	▩(JAVA)랜덤으로 이미지 출력 되기 [2] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2741
511	웹문서에 주소창 넣기 스크립트 #개발자팁 #개발자 #팁자료실 #javascript	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1598
510	연합뉴스 속보 홈에 다는 코드입니다. #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1759
509	팝업창 다시 안뜨게 하기 #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1875
508	페이지 이동중입니다 잠시만 기달려주세여 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2020
507	[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1701
506	폼 항목중 입력하지 않을때 경고창 띄우기 #개발자팁 #개발자 #팁자료실 #javascript	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1824
505	사용자 해상도알아내는 스크립트~ #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1791
504	스크립트를 암호화 시켜보자! [1] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1867
503	아기창 자동으루 띄우고 엄마창 자동으루 죽이기 #개발자팁 #개발자 #팁자료실 #javascript	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1531
502	php실명인증 한번만하면 쭈우욱^^ [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2670
501	사용자가 만드는 파일을 이용한 인증 #개발자팁 #개발자 #팁자료실 #기타	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2020
500	rrdtool 사용하기 [1] #개발자팁 #개발자 #팁자료실 #mysql	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3250
499	다람쥐 메일(Squirrel Mail) 설치(FC1) #개발자팁 #개발자 #팁자료실 #mysql	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3279
498	붙여넣기 + 오른쪽 마우스 클릭 금지(익스만) #개발자팁 #개발자 #팁자료실 #기타	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2535
497	메일,홈계정 쿼터 적용하기 #개발자팁 #개발자 #팁자료실 #mysql	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2610
496	파일을 분할 압축방법 #개발자팁 #개발자 #팁자료실 #기타	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2466
495	mysql 부팅시 실행 시키기 #개발자팁 #개발자 #팁자료실 #mysql	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2711
494	mod_rewrite 모듈 설치 [2] #개발자팁 #개발자 #팁자료실 #javascript	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2689
493	phpMyadmin 웹호스팅 설정 [1] #개발자팁 #개발자 #팁자료실 #mysql	코바리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3204
492	[펌]잘못된 PHP 코딩 스타일 [6] #개발자팁 #개발자 #팁자료실 #기타	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2916
491	머리카락 패스따기 [23] #개발자팁 #개발자 #팁자료실 #기타	봄이오면 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5338
490	초짜의 MovieClip을 이용한 Intro 페이지 연습 [3] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2139
489	초짜의 Menu_Sliding(아래 연습의 응용 결과물) [1] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2222
488	초짜의 Fade_Out_Effect 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2027
487	초짜의 Shadow_Effect 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1957
486	초짜의 Shape Draw_Effect 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1956
485	초짜의 Typo_Graphy 트위닝 연습 [1] #개발자팁 #개발자 #팁자료실 #flash	Wangcho 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2164
484	플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 [28] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3230
483	플래시 네비게이션 맨땅에 헤딩하기 -14- 네비게이션에 날개달기.. [42] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3114
482	플래시 네비게이션 맨땅에 헤딩하기 -13- 세단계 진화하는 네비게이션(2) [44] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2871
481	플래시 네비게이션 맨땅에 헤딩하기 -12- 세단계 진화하는 네비게이션(1) [22] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2571
480	플래시 네비게이션 맨땅에 헤딩하기 -11- 두단계 진화하는 네비게이션 [39] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2645
479	플래시 네비게이션 맨땅에 헤딩하기 -참여 하고 계신 분들께- [11] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2319
478	플래시 네비게이션 맨땅에 헤딩하기 -10- 한단계 진화하는 네비게이션 [16] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2346
477	퇴장시 딱한번만 띠웁니다.필요한자료일것임 [1] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1611
476	www 떼고 접속하면 다시 www붙은 주소로 리다이렉션 걸기 [1] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2319
475	http://홈주소/?mode=xxx 하는방법 :) [1] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2673
474	초보분들을 위한 연산자 총정리 [1] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2672
473	신문 기사를 긁어오기^^ [3] #개발자팁 #개발자 #팁자료실 #기타	개발자관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2986
472	84가지 계약서 압축파일입니다. [9] #기획자팁 #기획자 #팁자료실 #계약서	ㅠ_ㅠ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2751
471	성격진단용 질문지 #기획자팁 #기획자 #팁자료실	주도리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1754
470	리더쉽 측정용 설문지 [3] #기획자팁 #기획자 #팁자료실	주도리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	1845
469	플래시 네비게이션 맨땅에 헤딩하기 -9- 기본 골격 완성하기 [37] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2750
468	플래시강좌 진행중입니다. [1] #개발자팁 #개발자 #팁자료실 #flash	jepae 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2237
467	플래시 네비게이션 맨땅에 헤딩하기 -8- 무비클립과 프레임액션(3) [16] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	4010
466	플래시 네비게이션 맨땅에 헤딩하기 -7- 무비클립과 프레임액션(2) [18] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2532
465	접속자 아이피 출력(1원짜리 팁) [3] #개발자팁 #개발자 #팁자료실 #javascript	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2396
464	포토샵 환경 설정 초기화 하기(1원짜리 팁) [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	가을 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3543
463	플래시 네비게이션 맨땅에 헤딩하기 -6- 무비클립과 프레임액션(1) [33] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3113
462	플래시 네비게이션 맨땅에 헤딩하기 -5- 버튼과 기본 에니메이션(4) [13] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2259
461	플래시 네비게이션 맨땅에 헤딩하기 -4- 버튼과 기본 에니메이션(3) [47] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3052
460	플래시 네비게이션 맨땅에 헤딩하기 - 4강에 앞서 잠시 [12] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2258
459	플래시 네비게이션 맨땅에 헤딩하기 -3- 버튼과 기본 에니메이션(2) [45] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3131
458	플래시 네비게이션 맨땅에 헤딩하기 -2- 버튼과 기본 에니메이션(1) [40] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3553
457	플래시 네비게이션 맨땅에 헤딩하기 -1- 배경과 버튼 만들기 [63] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5228
456	플래시 네비게이션 맨땅에 헤딩하기 - 강좌에 앞서 - [50] #개발자팁 #개발자 #팁자료실 #flash	뜨락의이름 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3150
455	스타일시트(CSS) 삽입하기 #개발자팁 #개발자 #팁자료실 #기타	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3137
454	리눅스 설치 후 해야 할 일 #개발자팁 #개발자 #팁자료실 #javascript	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2740
453	[자바스크립트강좌] HTML로 글자 변환 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2479
452	데이터베이스의 생성, 선택, 보기 #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2738
451	[PHP동영상강좌] 프로그래밍 본격 시작 - 01 #개발자팁 #개발자 #팁자료실 #javascript	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2459
450	포토샵 CS 브러쉬 툴 강좌 [4] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2589
449	다양한 색상으로 입체효과주기(그라디언트) [1] #개발자팁 #개발자 #팁자료실 #기타	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2379
448	드로잉 툴을 이용한 오브젝트 만들기 #개발자팁 #개발자 #팁자료실 #기타	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2702
447	[mysql] 2개 테이블에서 중복된거라도 한개씩만 추출하기 [1] #개발자팁 #개발자 #팁자료실 #mysql	푸름빠덜 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2970
446	[엑셀] 플래너 데일리 속지 [2] #기획자팁 #기획자 #팁자료실	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3253
445	[엑셀] 홈페이지 스토리보드 [11] #기획자팁 #기획자 #팁자료실	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	7055
444	[엑셀] 웹기획서 [3] #기획자팁 #기획자 #팁자료실 #기획서	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5176
443	회사에서 많이 쓰는 영수증 서식 #기획자팁 #기획자 #팁자료실	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2442
442	쇼핑몰 제작 견적서 [2] #기획자팁 #기획자 #팁자료실 #견적서	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	5185
441	쇼핑몰 계약서 [2] #기획자팁 #기획자 #팁자료실 #계약서	스마일미디어 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3118
440	시원한 테이블 메뉴 스크립트 [5] #개발자팁 #개발자 #팁자료실 #javascript	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2487
439	IE 패치 스크립트(상호 작용하는 ActiveX 컨트롤이 사용자 입력에 즉시 응답하도록 웹 페이지를 수정하는 방법) [2] #퍼블리셔팁 #퍼블리셔 #팁자료실 #html	rolo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2180
438	국립국어원의 한글 맞춤법 자료 [6] #기획자팁 #기획자 #팁자료실	izen 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3578
437	IE 패치에 따른 플래시 이용방식 변경 [7] #개발자팁 #개발자 #팁자료실 #flash	imgstory 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2875
436	홈페이지 계약서 [8] #기획자팁 #기획자 #팁자료실 #계약서	cunic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3257
435	홈페이지 견적 산출 기준 [4] #기획자팁 #기획자 #팁자료실	cunic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2900
434	[엑셀파일] 제 나름대로 사용하는 견적서 [3] #기획자팁 #기획자 #팁자료실 #견적서	비주 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3397
433	[브라우저]브라우저명을 정확히 알아내기 #개발자팁 #개발자 #팁자료실 #정규표현식	sjsjin 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2729
432	[위치관련]팝업창을 브라우저 해상도 구분없이 항상 중앙에 띄우기 [1] #개발자팁 #개발자 #팁자료실 #javascript	sjsjin 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	3467
431	[위치관련]레이어 사용시 브라우저/해상도 구분없이 특정위치에 띄우기 #개발자팁 #개발자 #팁자료실 #기타	sjsjin 프로필 보기 이 회원 글보기 이 회원의 댓글보기	19년 전	2431

사이트의 해상도를 알려주고 해상도가 맞지 않으면 경고창을 띄우는 스크립트

#개발자팁 #개발자 #팁자료실 #기타

Elbis

jQuery Traverse - Miscellaneous Traversing

댓글 작성

게시판 목록

프로그램

사이트의 해상도를 알려주고 해상도가 맞지 않으면 경고창을 띄우는 스크립트

사용자 웹브라우저의 이름 알려주기

사용자 웹브라우저 정보 보여주기 해상도, 자바설치여부 등등

ctrl +j 와 ctrl + alt + shift + t 의 사용법(잔팁) [5]

Samba 설정

초짜의 Timeline 이용한 Intro 페이지 연습 [2] [3]

즐겨찾기 추가, 시작페이지로 만들기

curl 함수를 이용한 HTTP_REFERER 변경 [8]

Ajax(Asynchronous JavaScript and XML)란? [8]

if [23]

iinclude와 조건문 [7]

제가 사용하는 php환경맞춤 부분 [7]

제가 만들어서 쓰고 있는 입금표양식입니다. [1]

제가 만들어서 쓰고 있는 세금계산서 양식입니다. [1]

제가 만들어서 쓰고 있는 거래명세서입니다.

제가 만들어서 쓰고 있는 견적서입니다. [4]

국내 지도 선택(시, 도 별로 선택하기) [5]

시차에 따른 서버시간 출력하기... [1]

▩(JAVA)랜덤으로 이미지 출력 되기 [2]

웹문서에 주소창 넣기 스크립트

연합뉴스 속보 홈에 다는 코드입니다.

팝업창 다시 안뜨게 하기

페이지 이동중입니다 잠시만 기달려주세여

[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기

폼 항목중 입력하지 않을때 경고창 띄우기

사용자 해상도알아내는 스크립트~

스크립트를 암호화 시켜보자! [1]

아기창 자동으루 띄우고 엄마창 자동으루 죽이기

php실명인증 한번만하면 쭈우욱^^ [1]

사용자가 만드는 파일을 이용한 인증

rrdtool 사용하기 [1]

다람쥐 메일(Squirrel Mail) 설치(FC1)

붙여넣기 + 오른쪽 마우스 클릭 금지(익스만)

메일,홈계정 쿼터 적용하기

파일을 분할 압축방법

mysql 부팅시 실행 시키기

mod_rewrite 모듈 설치 [2]

phpMyadmin 웹호스팅 설정 [1]

[펌]잘못된 PHP 코딩 스타일 [6]

머리카락 패스따기 [23]

초짜의 MovieClip을 이용한 Intro 페이지 연습 [3]

초짜의 Menu_Sliding(아래 연습의 응용 결과물) [1]

초짜의 Fade_Out_Effect 연습 [1]

초짜의 Shadow_Effect 연습 [1]

초짜의 Shape Draw_Effect 연습 [1]

초짜의 Typo_Graphy 트위닝 연습 [1]

플래시 네비게이션 맨땅에 헤딩하기 -15- 네비게이션에 뮤직컨트롤러 달기 [28]

플래시 네비게이션 맨땅에 헤딩하기 -14- 네비게이션에 날개달기.. [42]

플래시 네비게이션 맨땅에 헤딩하기 -13- 세단계 진화하는 네비게이션(2) [44]

플래시 네비게이션 맨땅에 헤딩하기 -12- 세단계 진화하는 네비게이션(1) [22]

플래시 네비게이션 맨땅에 헤딩하기 -11- 두단계 진화하는 네비게이션 [39]

플래시 네비게이션 맨땅에 헤딩하기 -참여 하고 계신 분들께- [11]

플래시 네비게이션 맨땅에 헤딩하기 -10- 한단계 진화하는 네비게이션 [16]

퇴장시 딱한번만 띠웁니다.필요한자료일것임 [1]

www 떼고 접속하면 다시 www붙은 주소로 리다이렉션 걸기 [1]

http://홈주소/?mode=xxx 하는방법 :) [1]

초보분들을 위한 연산자 총정리 [1]

신문 기사를 긁어오기^^ [3]

84가지 계약서 압축파일입니다. [9]

성격진단용 질문지

리더쉽 측정용 설문지 [3]

플래시 네비게이션 맨땅에 헤딩하기 -9- 기본 골격 완성하기 [37]

플래시강좌 진행중입니다. [1]

플래시 네비게이션 맨땅에 헤딩하기 -8- 무비클립과 프레임액션(3) [16]

플래시 네비게이션 맨땅에 헤딩하기 -7- 무비클립과 프레임액션(2) [18]

접속자 아이피 출력(1원짜리 팁) [3]

포토샵 환경 설정 초기화 하기(1원짜리 팁) [2]

플래시 네비게이션 맨땅에 헤딩하기 -6- 무비클립과 프레임액션(1) [33]

플래시 네비게이션 맨땅에 헤딩하기 -5- 버튼과 기본 에니메이션(4) [13]

플래시 네비게이션 맨땅에 헤딩하기 -4- 버튼과 기본 에니메이션(3) [47]

플래시 네비게이션 맨땅에 헤딩하기 - 4강에 앞서 잠시 [12]

플래시 네비게이션 맨땅에 헤딩하기 -3- 버튼과 기본 에니메이션(2) [45]

플래시 네비게이션 맨땅에 헤딩하기 -2- 버튼과 기본 에니메이션(1) [40]

플래시 네비게이션 맨땅에 헤딩하기 -1- 배경과 버튼 만들기 [63]

플래시 네비게이션 맨땅에 헤딩하기 - 강좌에 앞서 - [50]

스타일시트(CSS) 삽입하기