element 검색 결과

해당 글 15

흔히 자바스크립트를 삽입할때 스크립트 요소를 사용합니다. 이에 대해 알아보며 곁들여 noscript 사용법도 알아봅니다. SCRIPT 요소 script 요소는 클라이언트 사이드 스크립트와 같은 프로그래밍 코드를 HTML 문서 내에 직접 작성하거나 불러올때 사용한다. script 요소는 문서 내 어디든 놓일 수 있으며, 그 횟수도 제한이 없다. 문서의 머리에 script 요소를 두면 로딩과 함께 스크립트가 실행된다. 문서 전체에 걸쳐 기능을 제어해야 하거나 문서 본문을 처리하기 전에 스크립트가 실행될 필요가 있을때 문서의 머리에 둔다. 문서의

직전에 script 요소를 두게 되면 문서의 마지막에 스크립트가 실행된다. 이는 접속자들의 화면에 HTML의 구조와 CSS의 디자인을 먼저 적용하고 렌..

웹코딩/HTML 2015.05.11 12:00

테이블은 사실 사용을 자제하는 요소입니다. 테이블은 접근성에 문제가 있고 이를 구현하는데 브라우저는 많은 자원을 소모하기 때문입니다. TABLE 요소 table 요소는 테이블(TABLE) 범위를 표시한다.

웹코딩/HTML 2015.05.04 17:00

문서의 제목을 구성하는 헤딩요소들에 대하여 알아봅니다. HTML5 스펙에서는 이를 적절히 부여하면 목차를 만들듯이 구조화된 아웃라인 생성이 가능합니다. 헤드라인 섹션을 만들고 내용을 묶었다면 적절한 제목을 부여하여 쉽고 빠른 이해를 도와야 한다. 웹 콘텐츠 제작에 필요한 제목은 아래와 같다. 문서제목(Page Title) 문서에 붙이는 제목으로 요소가 이에 해당한다. 헤딩(Heading) 구획화된 내용에 붙이는 제목으로 <h1>~<h6> 요소가 이에 해당한다. 레이블(Label) 컨트롤 요소에 붙이는 제목으로 <label> 요소가 이에 해당한다. 캡션(Caption) 테이블이나 이미지에 붙이는 제목으로 <caption>과 <figcaption> 요소가 이에 해당한다. H1~H6 요소 h1,..</p> </a> <div class="list-meta ie-dotum"> <a href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML" class="p-category ci-color">웹코딩/HTML</a> <span class="txt-bar"></span> <abbr class="timeago ff-h dt-published" title="2015.04.27 17:09"> 2015.04.27 17:09 </abbr> </div> </div> </div> </div> </div><!-- /.content-width --> </article> <article class="entry h-entry"> <div class="content-width"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center lts-narrow fouc clearfix"> <a class="has-object t-photo" href="/312"> <div class="thumbnail"> <div class="cropzone"> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F277E3F50553BB43B27"> </div> </div> </a> <div class="list-body"> <div class="flexbox"> <a class="list-link" href="/312"> <h3 class="list-head ie-nanum ci-link">본문 : 외부 콘텐츠(Embeded) 요소 - IMG, MAP, OBJECT, EMBED, CANBAS, IFRAME, VIDEO, AUDIO</h3> <p class="list-summary">웹에서 사용하는 멀티미디어 콘텐츠들은 이미지, 비디오, 오디오, 플러그인 등 다양한 형식의 외부 콘텐츠들입니다. 이미지든 플러그인이든 외부 콘텐츠는 형식에 관계없이 object 요소로 표시할 수 있습니다. 그런데 이미지, 비디오, 오디오, 플러그인 등 외부 콘텐츠를 각각 비교해 보면 성격이 크게 다르다는 것을 알 수 있으며, 이 때문에 렌더링하는 방법도 달라질 수 밖에 없습니다. HTML에는 이러한 렌더링 작업을 브라우저가 좀 더 신속하게 준비할 수 있도록 여러가지 표준기술을 마련해 두고 있으므로 이에 맞게 외부 콘텐츠를 넣어야 합니다. 아래에서 그 방법들을 살펴봅니다. IMG 요소 img 요소는 멀티미디어 형식의 콘텐츠로서, 이미지를 표시한다. <img src="bird.gif" alt="빨강 깃털, ..</p> </a> <div class="list-meta ie-dotum"> <a href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML" class="p-category ci-color">웹코딩/HTML</a> <span class="txt-bar"></span> <abbr class="timeago ff-h dt-published" title="2015.04.26 18:00"> 2015.04.26 18:00 </abbr> </div> </div> </div> </div> </div><!-- /.content-width --> </article> <article class="entry h-entry"> <div class="content-width"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center lts-narrow fouc clearfix"> <a class="has-object t-photo" href="/311"> <div class="thumbnail"> <div class="cropzone"> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F220E714E55395F5502"> </div> </div> </a> <div class="list-body"> <div class="flexbox"> <a class="list-link" href="/311"> <h3 class="list-head ie-nanum ci-link">본문 : 내용(Content) 요소 - P, BLOCKQUOTE, UL, OL, DL, HR, FIGURE, DIV, PRE</h3> <p class="list-summary">웹문서의 본문에 위치하는 내용 요소들에 대하여 알아봅니다. 콘텐츠를 구성하는 기본적인 요소들이며, HTML5에서 새로 추가된 속성이나 요소들도 있음에 유념합니다. P 요소 p 요소는 문단(Paragraph)을 표시한다. <p>도망쳐 도착한 곳에 낙원이란 없다.</p> 문단을 통해 같은 주제의 시작과 종료 지점을 알릴 수 있다. a, input 요소 등 다양한 요소를 포함할 수 있다. BLOCKQUOTE 요소 blockquote 요소는 블록 형태의 인용문을 표시한다. <blockquote cite="http://www.worldwildlife.org/who/index.html"> For 50 years, WWF has been protecting the future of nature. The worlds ..</p> </a> <div class="list-meta ie-dotum"> <a href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML" class="p-category ci-color">웹코딩/HTML</a> <span class="txt-bar"></span> <abbr class="timeago ff-h dt-published" title="2015.04.25 18:00"> 2015.04.25 18:00 </abbr> </div> </div> </div> </div> </div><!-- /.content-width --> </article> <article class="entry h-entry"> <div class="content-width"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center lts-narrow fouc clearfix"> <a class="has-object t-photo" href="/310"> <div class="thumbnail"> <div class="cropzone"> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F261BFE435539390B1B"> </div> </div> </a> <div class="list-body"> <div class="flexbox"> <a class="list-link" href="/310"> <h3 class="list-head ie-nanum ci-link">본문 : 섹션(Section) 요소 - BODY, HEADER, NAV, SECTION, ARTICLE, MAIN, ASIDE, FOOTER</h3> <p class="list-summary">웹문서의 본문을 구성하는 요소들중에 SECTION을 구성하는 요소에 대하여 알아봅니다. BODY 요소 <body> 요소는 문서의 본문 영역을 표시한다. 본문 영역은 실제 콘텐츠가 표현되는 공간이며, 이 공간에서 사용자와의 상호작용이 실질적으로 이루어진다. 또한 body 요소는 브라우저가 렌더링해야 할 범위를 알려준다. HEADER 요소 HTML5에 새롭게 추가된 요소로서, 웹 문서 맨 윗부분에 있으며 웹 사이트 이름, 글로벌 링크(로그인, 회원가입, 사이트맵, 언어 선택등 웹사이트 어느 곳에서든지 이용할 수 있는 링크)등으로 구성된 영역이다. <header> <h1>LOGO</h1> <h2>검색</h2> <input type="text"> </header> 사이트 이름(로고), 내비게이션, 헤드라인, 검..</p> </a> <div class="list-meta ie-dotum"> <a href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML" class="p-category ci-color">웹코딩/HTML</a> <span class="txt-bar"></span> <abbr class="timeago ff-h dt-published" title="2015.04.24 04:34"> 2015.04.24 04:34 </abbr> </div> </div> </div> </div> </div><!-- /.content-width --> </article> <article class="entry h-entry"> <div class="content-width"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center lts-narrow fouc clearfix"> <a class="has-object t-photo" href="/33"> <div class="thumbnail"> <div class="cropzone"> <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F120BBC3D50B2419637"> </div> </div> </a> <div class="list-body"> <div class="flexbox"> <a class="list-link" href="/33"> <h3 class="list-head ie-nanum ci-link">HTML 기초(개요, 역사, 요소)</h3> <p class="list-summary">웹(Web) 웹(Web)은 전 세계에 흩어져 있는 정보 자원을 연결하는 네트워크(World Wide Web)을 말합니다. 이 네트워크는 컴퓨터와 인터넷을 이용하여 접속할 수 있고 거미줄(web)처럼 복잡하게 얽혀져 있습니다. 사람들이 웹을 통해 정보자원에 접근하여 이용할 수 있는 것은 다음과 같은 메커니즘을 갖고 있기 때문인데 이것을 웹의 3대 요소라고 부릅니다. URI : 정보자원의 위치를 표시하기 위한 표기법 HTTP : 위치 표시가 있는 정보자원에 접근하기 위한 통신 규약 HTML : 정보자원과 정보자원 사이를 오가기 위한 하이퍼텍스트 HTML이란? HTML(HyperText Markup Language)은 World Wide Web(www)을 위한 마크업 언어이며, 제목이나 문단, 표, 꼬리글 및..</p> </a> <div class="list-meta ie-dotum"> <a href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML" class="p-category ci-color">웹코딩/HTML</a> <span class="txt-bar"></span> <abbr class="timeago ff-h dt-published" title="2015.04.17 03:16"> 2015.04.17 03:16 </abbr> </div> </div> </div> </div> </div><!-- /.content-width --> </article> <div id="paging" class="content-width ci-link"> <ul class="pagination list-unstyled clearfix"> <li class="prevpage"> <a class="no-more-prev" id="prevPage" rel="prev">이전</a> </li> <li> <a class="num"> <span class="selected">1</span></a> </li> <li> <a href='/tag/element?page=2' class="num"> <span >2</span></a> </li> <li class="nextpage"> <a href='/tag/element?page=2' class="" id="nextPage" rel="next">다음</a> </li> </ul> </div> <div class="ads adsence-pb"> <ins class="adsbygoogle adslot_2" style="display:block" data-ad-client="ca-pub-8916639466072507" data-ad-slot="8756828555" data-ad-format="rectangle"></ins> </div> </div> <!-- } content --> <!-- sidebar { --> <aside id="sidebar" class="sidebar lts-narrow"> <h2 class="sr-only">사이드바</h2> <!-- 프로필(About)--> <div class="module module-about hidden-xs hidden-sm"> <h3 class="module-title sr-only">ABOUT</h3> <div class="module-content"> <a href="/" class="blog-title"><span class="p-color">WEB</span>DIR</a> <span class="blog-temp">for Developer</span> </div><!-- /.module-content --> </div><!-- /.module --> <!-- 공지사항 --> <div class="module module-notice hidden-xs hidden-sm"> <h3 class="module-title sr-only"><span>NOTICE</span></h3> <div class="module-content"> <ul id="module-notice-ul" class="ci-link list-unstyled"> <li> <a href="/notice/492" class="cut">스킨 변경 및 배포</a> </li> <li> <a href="/notice/305" class="cut">리부트!! WEBDIR 개편 소식</a> </li> <li> <a href="/notice/3" class="cut">오픈!! WEBDIR 블로그 소개</a> </li> <li class="all-view"> <a href="/notice">전체 보기</a> </li> </ul> <a href="#module-notice-ul" class="btn-toggle btn-more">MORE+</a> </div> </div> <!-- 카테고리 --> <div class="module module-category hidden-xs hidden-sm"> <h3 class="module-title sr-only"><span>CATEGORY</span></h3> <div class="module-content tt-cate ci-link"><ul class="tt_category"> <li class=""> <a class="link_tit" href="/category"> 전체보기 <span class="c_cnt">(447)</span> </a> <ul class="category_list"> <li class=""> <a class="link_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88"> 윈도우즈 <span class="c_cnt">(68)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/Windows%20%EC%9D%BC%EB%B0%98"> Windows 일반 <span class="c_cnt">(49)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/Windows%2010"> Windows 10 <span class="c_cnt">(11)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/WSL"> WSL <span class="c_cnt">(8)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4"> 리눅스 <span class="c_cnt">(135)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/Linux%20%EC%9D%BC%EB%B0%98"> Linux 일반 <span class="c_cnt">(63)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/CentOS"> CentOS <span class="c_cnt">(26)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/Ubuntu"> Ubuntu <span class="c_cnt">(46)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC"> 네트워크 <span class="c_cnt">(8)</span> </a> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9"> 웹코딩 <span class="c_cnt">(126)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML"> HTML <span class="c_cnt">(43)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/CSS"> CSS <span class="c_cnt">(41)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/Javascript"> Javascript <span class="c_cnt">(14)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/PHP"> PHP <span class="c_cnt">(5)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/MySQL"> MySQL <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/App%2CPlugin"> App,Plugin <span class="c_cnt">(23)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0"> 웹개발론 <span class="c_cnt">(32)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%EC%9B%B9%ED%91%9C%EC%A4%80%2C%20%EC%A0%91%EA%B7%BC%EC%84%B1"> 웹표준, 접근성 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%ED%81%AC%EB%A1%9C%EC%8A%A4%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95"> 크로스브라우징 <span class="c_cnt">(25)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8"> 반응형웹디자인 <span class="c_cnt">(1)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC"> 프레임워크 <span class="c_cnt">(6)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC/%EB%B3%B4%EC%9D%BC%EB%9F%AC%ED%94%8C%EB%A0%88%EC%9D%B4%ED%8A%B8"> 보일러플레이트 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9"> 부트스트랩 <span class="c_cnt">(0)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C"> 그누보드 <span class="c_cnt">(7)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C/GNU%20%EC%9E%90%EC%8A%B5%EC%84%9C"> GNU 자습서 <span class="c_cnt">(3)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C/GNU%20%ED%8C%81"> GNU 팁 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4"> 워드프레스 <span class="c_cnt">(13)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%ED%8C%81%26%ED%85%8C%ED%81%AC"> WP 팁&테크 <span class="c_cnt">(9)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8"> WP 플러그인 <span class="c_cnt">(3)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%EB%B3%80%EA%B2%BD%EC%9D%B4%EB%A0%A5"> WP 변경이력 <span class="c_cnt">(1)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC"> 티스토리 <span class="c_cnt">(10)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EB%B8%94%EB%A1%9C%EA%B7%B8%EA%B0%80%EC%9D%B4%EB%93%9C"> 블로그가이드 <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EC%8A%A4%ED%82%A8%EA%B0%80%EC%9D%B4%EB%93%9C"> 스킨가이드 <span class="c_cnt">(8)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EC%8A%A4%ED%82%A8%EB%B0%B0%ED%8F%AC"> 스킨배포 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC"> 개발도구 <span class="c_cnt">(37)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/XAMPP"> XAMPP <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EC%84%9C%EB%B8%8C%EB%9D%BC%EC%9E%84%ED%85%8D%EC%8A%A4%ED%8A%B8"> 서브라임텍스트 <span class="c_cnt">(15)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EC%97%90%EB%94%94%ED%84%B0"> 에디터 <span class="c_cnt">(2)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%ED%81%AC%EB%A1%AC%2C%20%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8F%84%EA%B5%AC"> 크롬, 개발자도구 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Git"> Git <span class="c_cnt">(2)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Hyper-V"> Hyper-V <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Docker"> Docker <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EA%B0%80%EC%83%81%EB%A8%B8%EC%8B%A0"> 가상머신 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B8%B0%EC%A1%B4%20%EC%9E%91%EC%84%B1%EB%AC%BC"> 기존 작성물 <span class="c_cnt">(5)</span> </a> </li> </ul> </li> </ul></div> </div> <!-- 최신 글, 댓글, 트랙백 탭형 --> <div id="recent-wrap" class="recent-wrap module module-recents global-link"> <h3 class="module-title sr-only">RECENTLY</h3> <div class="module-content"> <ul id="recent-tab" class="nav-recent list-unstyled clearfix" role="tablist"> <li class="active"><a href="#tab-rpost" data-toggle="tab" role="tab">최근 글</a></li> <li><a class="btn-rcomment" href="#tab-rcomment" data-toggle="tab" role="tab">최근 댓글</a></li> </ul> <div class="tab-content"> <!-- #tab-rpost --> <div id="tab-rpost" class="tab-pane active fade in"> <!-- 최근 글 --> <section class="rpost ci-link"> <h4 class="sr-only">최근 글</h4> <ul class="list-unstyled"> <li> <a href="/550" class="cut"> <span class="rpost-title">윈도우즈용 Git <span class="c_cnt"><span id="commentCountOnRecentEntries550"></span></span></span> </a> </li> <li> <a href="/444" class="cut"> <span class="rpost-title">그누보드5 - index 파일 분석 <span class="c_cnt"><span id="commentCountOnRecentEntries444"></span></span></span> </a> </li> <li> <a href="/446" class="cut"> <span class="rpost-title">그누보드5 반응형 준비사항 <span class="c_cnt"><span id="commentCountOnRecentEntries446">(1)</span></span></span> </a> </li> <li> <a href="/393" class="cut"> <span class="rpost-title">가상머신 설치 - 버추얼박스(VirtualBox) <span class="c_cnt"><span id="commentCountOnRecentEntries393"></span></span></span> </a> </li> <li> <a href="/538" class="cut"> <span class="rpost-title">Docker(도커)란 무엇인가? <span class="c_cnt"><span id="commentCountOnRecentEntries538"></span></span></span> </a> </li> <li> <a href="/539" class="cut"> <span class="rpost-title">Hyper-V 이해 및 활성화 <span class="c_cnt"><span id="commentCountOnRecentEntries539"></span></span></span> </a> </li> <li> <a href="/485" class="cut"> <span class="rpost-title">이미지(썸네일) 크기조정 및 가운데 정렬.. <span class="c_cnt"><span id="commentCountOnRecentEntries485">(1)</span></span></span> </a> </li> <li> <a href="/453" class="cut"> <span class="rpost-title">그누보드5 메뉴 분석 <span class="c_cnt"><span id="commentCountOnRecentEntries453"></span></span></span> </a> </li> <li> <a href="/522" class="cut"> <span class="rpost-title">브라우저 체크(스니핑) <span class="c_cnt"><span id="commentCountOnRecentEntries522"></span></span></span> </a> </li> <li> <a href="/531" class="cut"> <span class="rpost-title">PHP 문자열 <span class="c_cnt"><span id="commentCountOnRecentEntries531"></span></span></span> </a> </li> </ul> </section> </div> <!-- #tab-rcomment --> <script> var blogger = '흉내쟁이'; </script> <div id="tab-rcomment" class="tab-pane fade"> <!-- 최근 댓글 --> <section class="rcomment"> <h4 class="nospace sr-only">최근댓글</h4> <ul class="list-unstyled"> <li> <a href="/491#comment17194336"> <span class="rcomment-meta cut"> <span class="author">우주최강도현</span> <span class="dt-published"> 08.22</span> </span> 정말 예쁘네요 ㅠㅠ 진짜 잘 쓰겠습니다!! </a> </li> <li> <a href="/227#comment17192645"> <span class="rcomment-meta cut"> <span class="author">얼쑤팩토리</span> <span class="dt-published"> 08.18</span> </span> 좋은글 감사합니다.^^ </a> </li> <li> <a href="/99#comment17188528"> <span class="rcomment-meta cut"> <span class="author">youn</span> <span class="dt-published"> 08.07</span> </span> 화이링~ virtualhost여기도 바꿔 주셨.. </a> </li> <li> <a href="/170#comment17187417"> <span class="rcomment-meta cut"> <span class="author">mya</span> <span class="dt-published"> 08.04</span> </span> 안녕하세요. 좋은 글 올려주셔서 감사합.. </a> </li> <li> <a href="/491#comment17186203"> <span class="rcomment-meta cut"> <span class="author">전땡</span> <span class="dt-published"> 07.31</span> </span> 좋은 자료 감사합니다. </a> </li> <li> <a href="/491#comment17185848"> <span class="rcomment-meta cut"> <span class="author">o d t d</span> <span class="dt-published"> 07.30</span> </span> 가로 넓이를 더 크게 할 수는 없나요? 방.. </a> </li> <li> <a href="/520#comment17184802"> <span class="rcomment-meta cut"> <span class="author">천사</span> <span class="dt-published"> 07.27</span> </span> 윈도우10 크랙 정품인증 파일 필요하시면.. </a> </li> <li> <a href="/491#comment17184036"> <span class="rcomment-meta cut"> <span class="author">항정살</span> <span class="dt-published"> 07.25</span> </span> 감사합니다, 오늘 티스토리 만들었습니다.. </a> </li> <li> <a href="/491#comment17183841"> <span class="rcomment-meta cut"> <span class="author">태빈™</span> <span class="dt-published"> 07.25</span> </span> 정말 고맙습니다. 그 어떤 스킨보다 제가.. </a> </li> <li> <a href="/251#comment17171810"> <span class="rcomment-meta cut"> <span class="author">동진</span> <span class="dt-published"> 06.23</span> </span> 안녕하세요. 같은 보드를 아직도 사용하.. </a> </li> </ul> </section> </div> </div> <!-- /.tab-content --> </div> <!-- /.module-content --> </div> <!-- /.recent-wrap --> <!-- 구글 애드센스 --> <div class="module module-ad hidden-xs hidden-sm"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8916639466072507" data-ad-slot="6990576159"></ins> </div> <!-- Adobe Affiliate Program --> <div class="module module-ad hidden-xs hidden-sm"> <script type="text/javascript"> var uri = 'https://imp.tradedoubler.com/imp?type(img)g(22788668)a(2940120)' + new String (Math.random()).substring (2, 11); document.write('<a href="https://clk.tradedoubler.com/click?p=264328&a=2940120&g=22788668" target="_BLANK"><img src="'+uri+'" border=0></a>'); </script> </div> <!-- 태그 클라우드 --> <div class="module module-tag hidden-xs hidden-sm"> <h3 class="module-title"><span class="inline-block">TAG</span></h3> <ul class="module-content list-unstyled clearfix"> <li> <a href="/tag/Plugin" class="cloud3 cut">Plugin</a> </li> <li> <a href="/tag/jQuery" class="cloud4 cut">jQuery</a> </li> <li> <a href="/tag/polyfill" class="cloud4 cut">polyfill</a> </li> <li> <a href="/tag/ubuntu" class="cloud2 cut">ubuntu</a> </li> <li> <a href="/tag/Linux" class="cloud1 cut">Linux</a> </li> <li> <a href="/tag/Editor" class="cloud4 cut">Editor</a> </li> <li> <a href="/tag/CentOS" class="cloud3 cut">CentOS</a> </li> <li> <a href="/tag/CSS" class="cloud2 cut">CSS</a> </li> <li> <a href="/tag/app" class="cloud4 cut">app</a> </li> <li> <a href="/tag/property" class="cloud4 cut">property</a> </li> <li> <a href="/tag/HTML" class="cloud3 cut">HTML</a> </li> <li> <a href="/tag/Utility" class="cloud4 cut">Utility</a> </li> <li> <a href="/tag/server" class="cloud2 cut">server</a> </li> <li> <a href="/tag/Windows" class="cloud3 cut">Windows</a> </li> <li> <a href="/tag/html5" class="cloud4 cut">html5</a> </li> <li> <a href="/tag/Command" class="cloud3 cut">Command</a> </li> <li> <a href="/tag/element" class="cloud4 cut">element</a> </li> <li> <a href="/tag/JavaScript" class="cloud4 cut">JavaScript</a> </li> <li> <a href="/tag/Wordpress" class="cloud4 cut">Wordpress</a> </li> <li> <a href="/tag/sublimetext" class="cloud4 cut">sublimetext</a> </li> </ul> <a href="/tag" class="btn-more">MORE+</a> </div> <!-- 링크 --> <div class="module module-link hidden-xs hidden-sm"> <h3 class="module-title"><a href="#module-link-content" class="btn-toggle">LINK <i class="caret"></i></a></h3> <div id="module-link-content" class="module-content"> <ul class="list-unstyled ci-link"> <li><a href="https://wallel.tistory.com" target="_blank" title="새 창으로 열기"><i class="icon icon-links"></i> 그렇고 그런 이야기</a></li> <li><a href="https://nubiz.tistory.com" target="_blank" title="새 창으로 열기"><i class="icon icon-links"></i> Life is an egg.</a></li> <li><a href="http://tympanus.net/codrops/" target="_blank" title="새 창으로 열기"><i class="icon icon-links"></i> Codrops</a></li> <li><a href="https://ishaiin.com" target="_blank" title="새 창으로 열기"><i class="icon icon-links"></i> Front-end Developer Ishaiin.</a></li> </ul> </div> </div> <!-- 카운터 --> <div class="module module-visitor hidden-xs hidden-sm"> <h3 class="module-title sr-only"><span>VISITOR</span></h3> <div class="module-content visitor"> <div class="visitor-row amung clearfix"> <span class="visitor-cell">현재</span> <span class="ff-h now visitor-date"> <a href="http://whos.amung.us/stats/a2lf9793shj4"><img src="http://whos.amung.us/swidget/a2lf9793shj4" alt="실시간 방문자"/></a></span> </div> <div class="visitor-row clearfix"> <span class="visitor-cell">오늘</span> <span class="ff-h today visitor-date">394</span> </div> <div class="visitor-row border-row clearfix"> <span class="visitor-cell">어제</span> <span class="ff-h yesterday visitor-date">5,582</span> </div> <div class="visitor-row clearfix"> <span class="visitor-cell">전체</span> <span class="ff-h total visitor-date">6,340,335</span> </div> </div> </div> </aside> <!-- } sidebar --> </div> </main> <!-- } main --> <!-- site-footer { --> <footer id="site-footer" role="contentinfo"> <ul id="nav-footer" class="list-unstyled clearfix"> <li> <a href="/">홈으로</a> </li> <li> <a href="/guestbook">방명록</a> </li> <li class="admin-login"> <a href="http://www.tistory.com/m/auth?requestURI=">로그인</a> </li> <li class="admin-logout"> <a href="http://www.tistory.com/m/auth/logout?requestURI=">로그아웃</a> </li> <li> <a href="#site-header" class="go-top"><i class="fa fa-long-arrow-up"></i>맨위로</a> </li> </ul> <small class="copyright clearfix"> <span class="skin visible-md visible-lg">SKIN BY <a href="http://copycatz.tistory.com" target="_blank">COPYCATZ</a></span> <span class="copyr">COPYRIGHT <a href="/">WEBDIR</a>, ALL RIGHT RESERVED.</span> </small> </footer> <!-- } site-footer --> </div><!-- /#wrap --> <!-- expand-menu { --> <div id="expand-wrap" aria-labelledby="call-exmenu"> <div id="expand-menu"> <div class="scrollable"> <div class="expand-top visible-xs visible-sm"> <span class="expand-title">WEBDIR</span> <div class="expand-profile"> <span class="ex-photo inline-block"><img src="https://t1.daumcdn.net/cfile/tistory/271E36395688CC6C35" alt="블로그 이미지" /></span> <span class="ex-txt inline-block"><a class="lts-narrow" href="/toolbar/popup/link/" title="링크추가">흉내쟁이 </a>님의 블로그</span> <a href="/notice" class="link-notice" title="공지사항보기"><i class="icon icon-bell"></i></a> </div> <div class="expand-tt-menu-wrap"> <span class="expand-hd sr-only">MENU</span> <div id="expand-tt-menu" class="clearfix"> <div class="scrollable-x"> <ul> <li class="t_menu_home first"> <a href="/">홈으로</a> </li> <li class="t_menu_link_1"> <a href="http://webdir.tistory.com/notice/3">블로그소개</a> </li> <li class="t_menu_category"> <a href="/category/">카테고리</a> </li> <li class="t_menu_tag"> <a href="/tag">태그</a> </li> <li class="t_menu_guestbook last"> <a href="/guestbook">방명록</a> </li> </ul> </div> </div> </div> </div> <div class="expand-tt-cate tt-cate tt-cate-collapse ci-link"> <span class="expand-hd sr-only">CATEGORY</span> <ul class="tt_category"> <li class=""> <a class="link_tit" href="/category"> 전체보기 <span class="c_cnt">(447)</span> </a> <ul class="category_list"> <li class=""> <a class="link_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88"> 윈도우즈 <span class="c_cnt">(68)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/Windows%20%EC%9D%BC%EB%B0%98"> Windows 일반 <span class="c_cnt">(49)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/Windows%2010"> Windows 10 <span class="c_cnt">(11)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9C%88%EB%8F%84%EC%9A%B0%EC%A6%88/WSL"> WSL <span class="c_cnt">(8)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4"> 리눅스 <span class="c_cnt">(135)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/Linux%20%EC%9D%BC%EB%B0%98"> Linux 일반 <span class="c_cnt">(63)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/CentOS"> CentOS <span class="c_cnt">(26)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EB%A6%AC%EB%88%85%EC%8A%A4/Ubuntu"> Ubuntu <span class="c_cnt">(46)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC"> 네트워크 <span class="c_cnt">(8)</span> </a> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9"> 웹코딩 <span class="c_cnt">(126)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/HTML"> HTML <span class="c_cnt">(43)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/CSS"> CSS <span class="c_cnt">(41)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/Javascript"> Javascript <span class="c_cnt">(14)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/PHP"> PHP <span class="c_cnt">(5)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/MySQL"> MySQL <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EC%BD%94%EB%94%A9/App%2CPlugin"> App,Plugin <span class="c_cnt">(23)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0"> 웹개발론 <span class="c_cnt">(32)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%EC%9B%B9%ED%91%9C%EC%A4%80%2C%20%EC%A0%91%EA%B7%BC%EC%84%B1"> 웹표준, 접근성 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%ED%81%AC%EB%A1%9C%EC%8A%A4%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A7%95"> 크로스브라우징 <span class="c_cnt">(25)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%B9%EA%B0%9C%EB%B0%9C%EB%A1%A0/%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8"> 반응형웹디자인 <span class="c_cnt">(1)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC"> 프레임워크 <span class="c_cnt">(6)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC/%EB%B3%B4%EC%9D%BC%EB%9F%AC%ED%94%8C%EB%A0%88%EC%9D%B4%ED%8A%B8"> 보일러플레이트 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9"> 부트스트랩 <span class="c_cnt">(0)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C"> 그누보드 <span class="c_cnt">(7)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C/GNU%20%EC%9E%90%EC%8A%B5%EC%84%9C"> GNU 자습서 <span class="c_cnt">(3)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C/GNU%20%ED%8C%81"> GNU 팁 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4"> 워드프레스 <span class="c_cnt">(13)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%ED%8C%81%26%ED%85%8C%ED%81%AC"> WP 팁&테크 <span class="c_cnt">(9)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8"> WP 플러그인 <span class="c_cnt">(3)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4/WP%20%EB%B3%80%EA%B2%BD%EC%9D%B4%EB%A0%A5"> WP 변경이력 <span class="c_cnt">(1)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC"> 티스토리 <span class="c_cnt">(10)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EB%B8%94%EB%A1%9C%EA%B7%B8%EA%B0%80%EC%9D%B4%EB%93%9C"> 블로그가이드 <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EC%8A%A4%ED%82%A8%EA%B0%80%EC%9D%B4%EB%93%9C"> 스킨가이드 <span class="c_cnt">(8)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EC%8A%A4%ED%82%A8%EB%B0%B0%ED%8F%AC"> 스킨배포 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC"> 개발도구 <span class="c_cnt">(37)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/XAMPP"> XAMPP <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EC%84%9C%EB%B8%8C%EB%9D%BC%EC%9E%84%ED%85%8D%EC%8A%A4%ED%8A%B8"> 서브라임텍스트 <span class="c_cnt">(15)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EC%97%90%EB%94%94%ED%84%B0"> 에디터 <span class="c_cnt">(2)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%ED%81%AC%EB%A1%AC%2C%20%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8F%84%EA%B5%AC"> 크롬, 개발자도구 <span class="c_cnt">(6)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Git"> Git <span class="c_cnt">(2)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Hyper-V"> Hyper-V <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/Docker"> Docker <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B0%9C%EB%B0%9C%EB%8F%84%EA%B5%AC/%EA%B0%80%EC%83%81%EB%A8%B8%EC%8B%A0"> 가상머신 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B8%B0%EC%A1%B4%20%EC%9E%91%EC%84%B1%EB%AC%BC"> 기존 작성물 <span class="c_cnt">(5)</span> </a> </li> </ul> </li> </ul> </div> <div class="expand-visitor visible-xs visible-sm"> <span class="expand-hd sr-only">VISITOR</span> <span class="visitor-span today ff-h"><span class="visitor-txt">오늘</span>394</span> / <span class="visitor-span total ff-h"><span class="visitor-txt sr-only">전체</span>6,340,335</span> </div> </div> <div class="expand-admin ci-link visible-xs visible-sm"> <ul class="lts-narrow clearfix"> <li><a href="https://webdir.tistory.com/manage/entry/post"><i class="icon icon-pen"></i>글쓰기</a></li> <li><a href="https://webdir.tistory.com/manage"><i class="icon icon-cog"></i>환경설정</a></li> <li class="admin-login"><a href="https://www.tistory.com/login"><i class="icon icon-enter"></i>로그인</a></li> <li class="admin-logout"><a href="https://www.tistory.com/logout"><i class="icon icon-exit"></i>로그아웃</a></li> <li><a href="#call-exmenu" class="btn-close"><i class="icon icon-cancel-circle"></i>취소</a></li> </ul> </div> </div> <a href="#call-exmenu" class="btn-close bg-close"></a> </div> <!-- } expand-menu --> <!-- search { --> <section id="tt-search" aria-labelledby="call-search"> <h2 class="sr-only">검색</h2> <div class="tt-search-inner"> <form id="search-form" autocomplete="off" role="form"> <a href="#call-search" class="btn-close search-close"> <i class="icon icon-arrow-left"></i> </a> <input type="search" name="search" value="" id="search-input" class="ie-nanum" onkeypress="if (event.keyCode == 13) { try{window.location.href='/search/'+looseURIEncode(document.getElementsByName('search')[0].value);document.getElementsByName('search')[0].value='';return false;}catch(e){} }" placeholder="블로그검색" role="search"> <button type="button" onclick="try{window.location.href='/search/'+looseURIEncode(document.getElementsByName('search')[0].value);document.getElementsByName('search')[0].value='';return false;}catch(e){}" class="search-submit"><i class="icon icon-magnifier" aria-label="검색"></i></button> </form> <div id="search-tag"> <ul class="scrollable list-unstyled"> </ul> </div> </div> <a href="#call-search" class="btn-close bg-close"></a> </section> <!-- } search --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="https://tistory1.daumcdn.net/tistory/902776/skin/images/jquery-1.11.3.min.js"><\/script>')</script> <script src="https://tistory1.daumcdn.net/tistory/902776/skin/images/plugins.js"></script> <script src="https://tistory1.daumcdn.net/tistory/902776/skin/images/main.js"></script> <!--[if gte IE 9]><!--> <script src="https://tistory1.daumcdn.net/tistory/902776/skin/images/iscroll.min.js"></script> <script> var wrapper = document.getElementById('expand-menu'); var myScroll = new IScroll(wrapper, { click: false, mouseWheel: true, preventDefaultException:{tagName:/.*/}, disablePointer: true, disableTouch: false, disableMouse: false }); var wrapper2 = document.getElementById('expand-tt-menu'); var myScroll2 = new IScroll(wrapper2, { click: false, scrollX: true, scrollY: false, scrollbars: true, preventDefaultException:{tagName:/.*/}, disablePointer: true, disableTouch: false, disableMouse: false }); var btnMenu = document.getElementById('call-exmenu'); btnMenu.addEventListener('click', function(){ setTimeout(function(){ myScroll.refresh(); myScroll2.refresh(); }, 500); }); var wrapper3 = document.getElementById('search-tag'); var myScroll3 = new IScroll(wrapper3, { click: false, mouseWheel: true, scrollbars: true, preventDefaultException:{tagName:/.*/}, disablePointer: true, disableTouch: false, disableMouse: false }); var btnMenu3 = document.getElementById('call-search'); btnMenu3.addEventListener('click', function(){ setTimeout(function(){ myScroll3.refresh(); }, 500); }); </script> <script src="https://tistory1.daumcdn.net/tistory/902776/skin/images/prism.js"></script> <!--<![endif]--> <!-- google adsence --> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-51494814-1', 'auto'); ga('send', 'pageview'); </script><script> (function($) { $("body").bind('copy', function (e) { var url = document.location.href, decodedUrl = decodeURI(url), selection = window.getSelection(); if (typeof window.getSelection == "undefined") {//IE8 or earlier... event.preventDefault(); var pagelink = '\n\n 출처: ' + decodedUrl, copytext = selection + pagelink; if (window.clipboardData) { window.clipboardData.setData('Text', copytext); } return; } var body_element = document.getElementsByTagName('body')[0]; //if the selection is short let's not annoy our users if (("" + selection).length < 30) return; //create a div outside of the visible area var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; body_element.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); //we need a <pre> tag workaround //otherwise the text inside "pre" loses all the line breaks! if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } newdiv.innerHTML += '<br /><br />출처: <a href="' + url + '">' + decodedUrl + '</a> [WEBDIR]'; selection.selectAllChildren(newdiv); window.setTimeout(function () { body_element.removeChild(newdiv); }, 200); }); })(tjQuery); </script> <script> lightbox.option({ "fadeDuration": 200, "resizeDuration": 200, "wrapAround": false, "albumLabel": "%1 / %2", "fitImagesInViewport":true , "stopEvent": false }) </script></body> </html>

중간고사 성적표
이름 학과 점수 등급
홍길동 경영학과 90 A