• 컴퓨터/IT > 프로그래밍 > 웹프로그래밍

출판사 리뷰

PART 1 HTML 편
CHAPTER 01 HTML 소개
1.1 웹의 개요
__1.1.1 웹이란?
__1.1.2 웹의 동작 원리
1.2 실습 환경 구축
1.3 HTML의 개요
__1.3.1 HTML 문서의 구조
__1.3.2 웹 페이지의 제목
1.4 HTML의 주석문
[연습문제]

CHAPTER 02 HTML의 기본 태그
2.1 텍스트
__2.1.1 글 제목 -

~

__2.1.2 단락 -

__2.1.3 줄바꿈 -

__2.1.4 HTML 특수 문자
2.2 이미지
__2.2.1 이미지 삽입 -
__2.2.2 URL 주소와 경로
2.3 오디오와 비디오
__2.3.1 오디오 -

• 
  __2.4.2 순서 목록 -
  1. 
     2.5 하이퍼링크
     프로젝트 2-1 : 데이터 센터 소개 페이지 만들기
     프로젝트 2-2 : 랙돌 고양이 소개 페이지 만들기
     프로젝트 2-3 : 에버랜드 이용 안내 페이지 만들기
     [연습문제]
     
     CHAPTER 03. 폼 양식과 테이블
     3.1 폼 양식이란?
     3.2 입력 요소 -
     __3.2.1 텍스트 입력 창
     __3.2.2 비밀번호 입력 창
     __3.2.3 라디오 버튼
     __3.2.4 체크 박스
     __3.2.5 파일
     __3.2.6 버튼
     __3.2.7 태그의 속성
     3.3 선택 박스 -
     3.4 다중 입력 창 - <br/>3.5 표<br/>__3.5.1 표 삽입 - <table<tr> <th> <td><br/>__3.5.2 셀의 병합<br/>프로젝트 3-1 : 열차 시간표 만들기<br/>프로젝트 3-2 : 기상청 일기예보 표 만들기<br/>프로젝트 3-3 : 회원가입 폼 만들기<br/>프로젝트 3-4 : 답글쓰기 폼 만들기<br/>[연습문제]<br/><br/>Part 2. CSS 편<br/>CHAPER 04 CSS의 기본 문법<br/>4.1 CSS의 개요<br/>__4.1.1 CSS의 기본 구조<br/>__4.1.2 CSS의 삽입 방법<br/>4.2 CSS의 주석문<br/>4.3 웹의 색상<br/>__4.3.1 배경 색상<br/>__4.3.2 글자 색상<br/>__4.3.3 색상 코드<br/>4.4 글자 스타일 지정<br/>__4.4.1 글자 정렬과 줄 간격<br/>__4.4.2 폰트 설정<br/>__4.4.3 글자 그림자<br/>__4.4.4 링크 글자 꾸미기<br/>4.5 웹 폰트<br/>__4.5.1 웹 폰트 사용 방법<br/>__4.5.2 웹 폰트 사용 예<br/>프로젝트 4-1 : 생태 공원 이용 안내 페이지 만들기<br/>프로젝트 4-2 : 고양이 기르기 페이지 만들기<br/>프로젝트 4-3 : 링크걸린 텍스트 메뉴 꾸미기<br/>[연습문제]<br/><br/>CHAPTER 05. 박스 모델<br/>5.1 박스 모델이란?<br/>5.2 경계선<br/>__5.2.1 경계선 그리기<br/>__5.2.2 상하좌우 경계선<br/>5.3 마진과 패딩<br/>__5.3.1 마진 - margin<br/>__5.3.2 패딩 - padding<br/>5.4 박스 관련 속성<br/>__5.4.1 둥근 모서리 - border-radius<br/>__5.4.2 박스 그림자 - box-shadow<br/>프로젝트 5-1 : 웹 소개 페이지 만들기<br/>프로젝트 5-2 : HTML/CSS 강좌 배너 만들기<br/>프로젝트 5-3 : 우대 정보 페이지 만들기<br/>[연습문제]<br/><br/>CHAPTER 06. CSS 선택자<br/>6.1 선택자란?<br/>6.2 선택자의 기본<br/>__6.2.1 전체 선택자<br/>__6.2.2 태그 선택자<br/>__6.2.3 그룹 선택자<br/>6.3 아이디와 클래스<br/>6.4 클래스 선택자<br/>6.5 하위 선택자<br/>프로젝트 6-1 : 고양이 프로필 만들기<br/>프로젝트 6-2 : 해수욕장 안내 페이지 만들기<br/>프로젝트 6-3 : 책 홍보용 상세 페이지 만들기<br/>[연습문제]<br/><br/>CHAPTER 07. CSS 활용<br/>7.1 배경 이미지<br/>__7.1.1 배경 이미지 삽입<br/>__7.1.2 배경 이미지 반복<br/>7.2 테이블 꾸미기<br/>7.3 디스플레이 방식 - display<br/>__7.3.1 display 속성<br/>__7.3.2 인라인과 블록<br/>7.4 목록 꾸미기<br/>__7.4.1 글머리 기호 - list-style-type<br/>__7.4.2 글머리 이미지 - list-style-image<br/>__7.4.3 수평 목록 만들기<br/>7.5 폼 꾸미기<br/>__7.5.1 로그인 폼<br/>__7.5.2 회원가입 폼<br/>프로젝트 7-1 : 과일 쇼핑몰 상품 목록 만들기<br/>프로젝트 7-2 : 드레스 샵 배너 만들기<br/>프로젝트 7-3 : 게시판 글쓰기 폼 만들기<br/>[연습문제]<br/><br/>Part 3. 레이아웃 편<br/>CHAPTER 08. 레이아웃 기초<br/>8.1 박스 요소의 중앙 배치<br/>8.2 float 속성을 이용한 레이아웃<br/>__8.2.1 float 속성<br/>__8.2.2 clear 속성<br/>8.3 웹 페이지 레이아웃<br/>__8.3.1 div 요소 레이아웃<br/>__8.3.2 HTML 레이아웃 요소<br/>8.4 요소의 위치 지정 - position<br/>8.5 레이아웃 활용 예<br/>__8.5.1 사이트 맵 레이아웃<br/>__8.5.2 배너 목록 레이아웃<br/>프로젝트 8-1 기업 연혁 만들기<br/>프로젝트 8-2 메뉴를 비정형으로 배치하기<br/>[연습문제]<br/><br/>CHAPTER 09. 실전! 웹 페이지 제작<br/>9.1 베이킹 사이트의 메인 레이아웃<br/>9.2 상단 헤더와 메인 이미지<br/>__9.2.1 상단 헤더 만들기<br/>__9.2.2 메인 이미지 만들기<br/>9.3 사이드바 만들기<br/>9.4 메인 섹션 만들기<br/>9.5 하단 푸터 만들기<br/>9.6 웹 페이지 완성하기<br/>프로젝트 9-1 포털 사이트 메인 페이지 레이아웃 잡기<br/>프로젝트 9-2 쇼핑몰 상풍 진열 페이지 레이아웃 잡기<br/>[연습문제]<br/><br/>Part 4. 반응형 웹 편<br/>CHAPTER 10. 반응형 웹 기초<br/>10.1 반응형 웹이란?<br/>10.2 뷰포트<br/>__10.2.1 뷰포트 미설정<br/>__10.2.2 뷰포트 설정<br/>10.3 그리드 뷰<br/>__10.3.1 가변 그리드<br/>__10.3.2 px와 % 동시 사용하기<br/>10.4 반응형 웹의 폰트<br/>__10.4.1 em 단위<br/>__10.4.2 rem 단위<br/>10.5 12열 그리드 시스템<br/>[연습문제]<br/><br/>CHAPTER 11. 반응형 웹 기술<br/>11.1 미디어 쿼리<br/>11.2 가변 이미지<br/>__11.2.1 이미지의 너비<br/>__11.2.2 반응형 이미지 만들기<br/>11.3 플렉서블 박스<br/>__11.3.1 플렉서블 박스란?<br/>__11.3.2 플렉스박스 방향 설정하기<br/>__11.3.3 아이템 배치하기<br/>__11.3.4 플렉스박스로 상품 목록 만들기<br/>[연습문제]<br/><br/>CHAPTER 12. 반응형 웹 사이트 제작<br/>12.1 반응형 포토 스튜디오 사이트<br/>12.2 메인 페이지 만들기<br/>__12.2.1 상단 헤더와 메인 이미지<br/>__12.2.2 메인 콘텐츠<br/>__12.2.3 하단 푸터<br/>12.3 스튜디오 소개 페이지 만들기<br/>12.4 스튜디오 예약 페이지 만들기<br/>[연습문제] </p> </div> <div id="indexDescBtn" class="bookInfo_more alt"></div> <!-- //목차 --> <!-- 간단평 --> <a name="sub11"></a> <iframe id="simpleReview" src="" height="" class="iframe_review" style="margin-left:0" frameborder="0" scrolling="no"></iframe> <!-- //간단평 --> <!-- 태그 --> <a name="sub08"></a> <iframe id="iframe_tag" src="" width="730" frameborder="0" scrolling="no"></iframe> <!-- //태그 --> <!-- 고객이 테마북을 통해 같이 묶은 다른 상품 --> <div class="usNone"> <div id="DTL_THEMA" class="bookInfo_subCon" style="display:none;"></div> </div> <!-- 이 책이 속한 테마 --> <a name="sub09"></a> <iframe id="iframe_theme" src="" width="730" frameborder="0" scrolling="no"></iframe> <!-- //이 책이 속한 테마 --> <!-- 리뷰 <a name="sub10"></a> <div class="bookInfo_subCon"> iframe src="/global/iframe_review.html" height="370" class="iframe_review" frameborder="0" scrolling="no"></iframe <iframe id="blogReview" src="" height="370" class="iframe_review" frameborder="0" scrolling="no"></iframe> </div> //리뷰 --> <!-- 페이퍼 --> <iframe id="blogPaper" src="" height="370" class="iframe_review" frameborder="0" scrolling="no"></iframe> <!-- //페이퍼 --> <!-- 다음 view --> <a name="sub12"></a> <iframe id="daumReview" src="" height="" class="iframe_review" style="margin-left:0" frameborder="0" scrolling="no"></iframe> <!-- //다음 view--> <div class="lineGr mb15"></div> <!-- 책 정보 sub list --> <ul class="bookInfo_sublist"> <li class="alt"><a href="#sub01"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_01.gif" alt="분야"></a></li> <li><a href="#sub03"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_03.gif" alt="책소개"></a></li> <li><a href="#sub04"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_04.gif" alt="저자,역자소개"></a></li> <li><a href="#sub06"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_06.gif" alt="책속에서"></a></li> <li><a href="#sub07"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_07.gif" alt="목차"></a></li> <li><a href="#sub08"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_08.gif" alt="태그"> <span class="t_11br3">[<strong>0</strong>]</span></a></li> <li><a href="#sub11"><img src="https://www.bandibookus.com/images/global/bookInfo_sublist_10.gif" alt="리뷰"> <span class="t_11br3">[<strong class="evalCntTab" data-prodid="4379190">0</strong>]</span></a></li> </ul> <!-- //책 정보 sub list --> </div> <script type="text/javascript"> /* ------------------------------------------------------------------ 서평/저자소개 본문에 딸려온 빈 <a> 태그 제거 (2026-07) 출판사에서 받은 원본에 <A>...</A> 가 섞여 들어오는 경우가 있다. href 가 없어 링크로 동작하지도 않으면서 사이트의 a 스타일만 먹어 본문 글자가 다르게 보인다. href 도 name 도 없는 <a> 만 껍데기를 벗기고 글은 그대로 둔다. ( name 만 있는 <a name="sub04"> 는 위쪽 바로가기 링크의 목적지라 건드리면 안 된다 ) ------------------------------------------------------------------ */ (function() { function unwrap(el) { var p = el.parentNode; if (!p) { return; } while (el.firstChild) { p.insertBefore(el.firstChild, el); } p.removeChild(el); } /* 본문 글자크기 통일 (2026-07) 출판사 원본에 첫 항목만 <FONT size=3> 이 붙어 혼자 커지는 경우가 많다. 크기 지정만 걷어내고 굵게(<b> <strong>)는 그대로 둬서 소제목 구분은 살린다. 사이트가 쓰는 <h3> <h4> 제목은 건드리지 않는다. */ function normalizeFontSize(root) { if (!root || !root.getElementsByTagName) { return; } var fonts = root.getElementsByTagName("font"); for (var i = fonts.length - 1; i >= 0; i--) { var f = fonts[i]; f.removeAttribute("size"); // 크기 말고 남은 것이 없으면 태그째 벗긴다 if (!f.getAttribute("color") && !f.getAttribute("face") && !f.getAttribute("style") && !f.getAttribute("class")) { unwrap(f); } } var bigs = root.getElementsByTagName("big"); for (var j = bigs.length - 1; j >= 0; j--) { unwrap(bigs[j]); } var all = root.getElementsByTagName("*"); for (var k = 0; k < all.length; k++) { var st = all[k].getAttribute("style"); if (!st || st.indexOf("font-size") < 0) { continue; } all[k].setAttribute("style", st.replace(/font-size\s*:[^;]*;?/gi, "")); } } function unwrapEmptyAnchors(root) { if (!root || !root.getElementsByTagName) { return; } var list = root.getElementsByTagName("a"); for (var i = list.length - 1; i >= 0; i--) { var a = list[i]; if (a.getAttribute("href") || a.getAttribute("name")) { continue; } unwrap(a); } } function run() { try { var ids = ["cutBookDesc", "cutIndexDesc"]; for (var i = 0; i < ids.length; i++) { var el = document.getElementById(ids[i]); unwrapEmptyAnchors(el); normalizeFontSize(el); } if (document.getElementsByClassName) { var au = document.getElementsByClassName("bookInfo_author"); for (var j = 0; j < au.length; j++) { unwrapEmptyAnchors(au[j]); normalizeFontSize(au[j]); } } } catch (e) { } } if (window.jQuery) { jQuery(document).ready(run); } else if (window.addEventListener) { window.addEventListener("load", run, false); } else if (window.attachEvent) { window.attachEvent("onload", run); } })(); </script> </div> </div> <!-- //left contents --> <div id="conSmall"> <iframe id="iframe_rightList" src="" width="210" frameborder="0" scrolling="no"></iframe> </div> </div> </div> </div> <!-- //body --> <script type="text/javascript"> function snsSend(type, prodName, prodId, tag) { var wp; var url = "http://www.bandibookus.com/front/product/detailProduct.do?prodId="+prodId; if(type == 'tw') { wp = window.open("http://twitter.com/home?status=" + encodeURIComponent(prodName) + " " + encodeURIComponent(url), 'twitter', ''); } else if(type == 'fb') { url= "http://www.bandibookus.com/front/product/faceBookView.do?prodId="+prodId; wp = window.open("http://www.facebook.com/sharer.php?u=" + url, 'facebook', ''); } else if(type == 'm2') { wp = window.open("http://me2day.net/posts/new?new_post[body]=" + encodeURIComponent(prodName) + " " + encodeURIComponent(url) + "&new_post[tags]=" + encodeURIComponent(tag), 'me2Day', ''); } else if(type == 'ym') { wp = window.open("http://yozm.daum.net/api/popup/prePost?link=" + encodeURIComponent(url) + "&prefix=" + encodeURIComponent(prodName) + "¶meter=" + encodeURIComponent(tag), 'yozmSend', 'width=466, height=356'); } else { return; } if ( wp ) { wp.focus(); } } </script> <!-- 로그 분석 변수 (footer 에서 사용) --> <script type="text/javascript"> _n_p1 = "컴퓨터/IT"; //대카테고리 _n_p2 = "프로그래밍"; //중카테고리 _n_p3 = "웹프로그래밍"; //소카테고리 _n_p4 = "HTML/CSS 입문 예제 중심"; //상품명 </script> <!-- //로그 분석 변수 --> <!-- 키워드 광고 분석 변수 (footer 에서 사용) --> <script type="text/javascript"> var LOG_PC = "4379190"; var LOG_PT = "22"; var LOG_PS = "36.45"; </script> <!-- //키워드광고 변수 --> <script type="text/javascript"> // 상세페이지: 간단평 iframe·리뷰수를 onload 안 기다리고 즉시 로드 (function(){ // 1) 간단평 iframe 즉시 로드 var f = document.getElementById('simpleReview'); if(f && !f.getAttribute('src')){ f.src = '/front/product/iframeSimpleReview.do?prodId=4379190'; } // 2) 리뷰수 즉시 채움 var els = document.querySelectorAll('.evalCntTab'); if(els.length){ var xhr = new XMLHttpRequest(); xhr.open('GET','/front/product/iframeSimpleReview.do?prodId=4379190',true); if(xhr.overrideMimeType) xhr.overrideMimeType('text/html; charset=euc-kr'); xhr.onreadystatechange=function(){ if(xhr.readyState!=4 || xhr.status!=200) return; var mc=xhr.responseText.match(/\[<strong>([\d,]+)<\/strong>\]/); var n = mc?mc[1]:'0'; for(var i=0;i<els.length;i++){ els[i].innerHTML = n; } }; xhr.send(); } })(); </script> <div id="footer"> <div class="copyright"> <p class="logo"><img src="https://www.bandibookus.com/images/common/bandius_logo_2026.png"></p> <div class="copyC"> <ul class="bMenu"> <!-- <li><a href="/front/product/musicMain.do">음반</a> |</li> --> <!-- <li><a href="/front/product/dvdMain.do">DVD</a> |</li> --> <li><a href="/front/help/helpMain.do">고객센터</a> |</li> <li><a href="/front/aboutBandi/aboutBandiMain.do?key=130">이용약관</a> |</li> <li><a href="/front/aboutBandi/aboutBandiMain.do?key=140"><strong class="t_br1">개인정보 처리방침</strong></a> |</li> <li><a href="/pages/front/aboutBandi/usTerms.jsp">Terms and Condition</a></li> </ul> <div class="bCopy"> <div style="font:bolder 14px 돋움;">2777 W. Olympic Blvd Los Angeles CA 90006</div> <div class="mt5" style="font:bolder 14px 돋움;">Tel : 고객센터 888-880-8622(Toll Free)</div> <div style="font:normal 8px verdana;color:#888;margin-top:12px">COPYRIGHT 2015 BANDI&LUNI'S ALL RIGHT RESERVED</div> </div> </div> </div> </div> </div> <!-- floatArea --> <div id="message1"> <div class="toplayer"> <span id="wiseCartNewMemoInfo"></span> <div class="alt_btm"><img src="https://www.bandibookus.com/images/common/alt_toplayer.gif" alt=""></div> </div> </div> <div id="message2"> <div class="toplayer2"> <span id="wiseCartNewOrderInfo"></span> <div class="alt_btm"><img src="https://www.bandibookus.com/images/common/alt_toplayer.gif" alt=""></div> </div> </div> <div id="floatArea"><div id="floatArea_box" class="acHeight1"><iframe src="" frameborder="0" scrolling="no" width="960" height="292" name="iframeBox" id="iframeBox"></iframe></div></div> <div id="topBtn"><p><a href="#" onClick="topLink();"><img src="https://www.bandibookus.com/images/common/btn_top.gif" alt="top"></a></p></div> <script type="text/javascript" src="/common/js/inc_float.js"></script> <!-- //floatArea --> <script type="text/javascript" src="/js/dwr.js" charset="euc-kr"></script> <script type="text/javascript" src="/dwr/interface/OrderDwr.js"></script> <script type="text/javascript" src="/dwr/engine.js"></script> <script type="text/javascript" src="/dwr/util.js"></script> <script language="javascript" src="/js/konan/pagenav.js"></script> <img id="RECOMMEND_LOGGING" style="display:none;"> <script type="text/javascript"> (function () { var OE_MIN_W = 500; // ?? °¡·???±? ??????¸? ??¹? ?æºÐ??´?°? º¸°? °???¸®?? ¾?´?´? var OE_ONLY_BIG_BOX = false; // true ¸? ?­¸?¿¡ ??°? º¸??´? ??¹???(°¡·? 100px ????)¸¸ ¹?²?´? var OE_BOX_MIN = 100; // /upload/product/4793/4793096.jpg ¶?´? ..._s.jpg var RE = /(\/upload\/product\/\d+\/\d+)(_s|_b|_t)?\.(jpg|jpeg|png|gif)(\?[^\s]*)?$/i; function bigUrlOf(src) { var m = RE.exec(src); if (!m) { return null; } if (m[2] === "_b") { return null; } // ??¹? ?? °? return m[1] + "_b." + m[3] + (m[4] || ""); } function upgrade(img) { if (!img || img.getAttribute("data-oebig")) { return; } var src = img.getAttribute("src"); if (!src) { return; } var big = bigUrlOf(src); if (!big) { return; } var w = img.naturalWidth || 0; var h = img.naturalHeight || 0; if (w === 0 || h === 0) { return; } // ¾Æ?÷ ¾? º?·?¿?´?. load ¶§ ´?½? º?´?. if (w >= OE_MIN_W) { img.setAttribute("data-oebig", "skip"); return; } if (OE_ONLY_BIG_BOX) { var box = img.width || img.offsetWidth || 0; if (box > 0 && box < OE_BOX_MIN) { img.setAttribute("data-oebig", "skip"); return; } } img.setAttribute("data-oebig", "1"); var ratio = h / w; // ¸??? ¹Þ¾Æº¸°?, ´? ??°? º??²?? °°?? ¶§¸¸ ¹?²? ³?¿?´? var probe = new Image(); probe.onload = function () { var pw = probe.naturalWidth, ph = probe.naturalHeight; if (!pw || !ph) { return; } if (pw <= w) { return; } // ´? ???? ¾??¸¸? ±×´?·? if (Math.abs((ph / pw) - ratio) / ratio > 0.12) { return; } // º??²?? ´?¸?¸? ±×´?·? img.src = big; }; probe.onerror = function () { }; // ¾ø?¸¸? ±×´?·? probe.src = big; } function watch(img) { if (img.complete && img.naturalWidth) { upgrade(img); return; } if (img.getAttribute("data-oewatch")) { return; } img.setAttribute("data-oewatch", "1"); var fn = function () { upgrade(img); }; if (img.addEventListener) { img.addEventListener("load", fn, false); } else if (img.attachEvent) { img.attachEvent("onload", fn); } } function scan() { try { var a = document.getElementsByTagName("img"); for (var i = 0; i < a.length; i++) { watch(a[i]); } } catch (e) { } } function boot() { scan(); // ³ª?ß¿¡ ±×·???´? ¸?·?(´?º¸±?, ·?¸?¹?³? ??)?? ??´?´? setTimeout(scan, 600); setTimeout(scan, 2000); setTimeout(scan, 5000); try { if (window.MutationObserver) { new MutationObserver(function () { scan(); }) .observe(document.body, { childList: true, subtree: true }); } } catch (e) { } } if (window.jQuery) { jQuery(document).ready(boot); } else if (window.addEventListener) { window.addEventListener("load", boot, false); } else if (window.attachEvent) { window.attachEvent("onload", boot); } })(); </script> <script type="text/javascript"> (function () { // ¿?¸® ??¹???°¡ ¿?¶?°¡´? °÷. ¿?±? °??º ¹?½¼ ???? ??¾??? °¨?ß?? ¾?´?´?. var OURS = ["bandinlunis.com", "bandibookus.com", "minibandi.com", "bandibook.com", "booklink.com"]; function hostOf(src) { var m = /^(?:https?:)?\/\/([^\/?#]+)/i.exec(src); return m ? m[1].toLowerCase() : ""; // ??´?°æ·?¸? º? °ª = ¿?¸® °? } function isOurs(host) { if (!host) { return true; } for (var i = 0; i < OURS.length; i++) { if (host === OURS[i] || host.indexOf("." + OURS[i]) > -1) { return true; } } return false; } function hide(img) { if (img.getAttribute("data-oehide")) { return; } img.setAttribute("data-oehide", "1"); img.style.display = "none"; } function check(img) { if (!img || img.getAttribute("data-oebrk")) { return; } var src = img.getAttribute("src"); if (!src) { return; } if (isOurs(hostOf(src))) { return; } // ¿?¸® ¼­¹? ??¹???´? °???¸®?? ¾?´?´? img.setAttribute("data-oebrk", "1"); if (img.complete) { // ??¹? °?·Ð?? ³­ ??¹???. °¡·?°¡ 0??¸? ¸ø º?·?¿? °???´?. if (!img.naturalWidth) { hide(img); } return; } // ¾Æ?÷ ¹Þ´? ?ß??¸? °?°?¸? º¸°? Æ?´???´? var onErr = function () { hide(img); }; if (img.addEventListener) { img.addEventListener("error", onErr, false); } else if (img.attachEvent) { img.attachEvent("onerror", onErr); } } function scan() { try { var a = document.getElementsByTagName("img"); for (var i = 0; i < a.length; i++) { check(a[i]); } } catch (e) { } } function boot() { scan(); // ¼­Æ?¡¤??¼¼¼³¸??º ³ª?ß¿¡ ±×·???°?³ª 'Æ???º¸±?' ·? ??´?°? ³ª?¸³­´? setTimeout(scan, 500); setTimeout(scan, 1500); setTimeout(scan, 4000); try { if (window.MutationObserver) { new MutationObserver(function () { scan(); }) .observe(document.body, { childList: true, subtree: true }); } } catch (e) { } } if (window.jQuery) { jQuery(document).ready(boot); } else if (window.addEventListener) { window.addEventListener("load", boot, false); } else if (window.attachEvent) { window.attachEvent("onload", boot); } })(); </script> </body> </html>