웹 개발자 필수 html/css 미리보기 웹사이트 - CssDesk

웹 개발자라던지 테터툴즈나 티스토리 같은 블로그의 주인이라면 html을 많이 이용하는데요, html코드와 css를 입력하면 나모 웹 에디터처럼 미리 볼 수 있도록 해주는 사이트가 있습니다. 바로 CssDesk라는 사이트인데요. 이 포스트에서는 이 사이트에 대해 다루도록 하겠습니다. 주소 : http://cssdesk.com/ 사용방법은 정말 간단합니다. 첫 화면입니다. 왼쪽에 html 과 css를 입력하면 오른쪽에 미리보기가 뜨는 형식이죠. 왼쪽에 html 에바로 내용을 입력하시면 됩니다. 따로 <body>를 쓰지않아도 되구요, 나중에 다운로드하면 자동적으로 입력이 되어있습니다. (물론 하고싶으시면 하도도 됩니다 ^^) 제가 급하게 수정을 해봤는데 입력하는 즉시 바로바로..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%EC%9B%B9%EC%84%9C%EB%B9%84%EC%8A%A4%20%EC%86%8C%EA%B0%9C-%EB%A6%AC%EB%B7%B0" class="link_cate">미사용/##웹서비스 소개-리뷰</a> <span class="txt_bar"></span> 2011.11.27 11:22 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/163?category=731176" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/191478454EC831972AF"></a> <a href="/163?category=731176" class="link_post"> <strong class="tit_post">악성코드/바이러스 종류와 특징</strong> <p class="txt_post">컴퓨터를 사용하고 백신을 사용하고 계시다면 한번쯤은 Trojan이나 Spyware, Worm 등등 여러 악성코드(malware)의 이름을 보셨을껀데요, 이번 포스트에선 각 악성코드별 보편적인 특징에 대해 알아보도록 하겠습니다. ※ 글 제목에 악성코드/바이러스 라고 적어뒀는데요, 악성코드는 바이러스를 포함한 여러 악성프로그램을 모두 포함하는 말입니다. 제가 이 포스트에서 계속 악성코드라고 말할 껀데 일단 지금은 바이러스라고 생각해주세요. 조만간 악성코드에 대해서 포스트를 하도록 하겠습니다. 1. 트로이 목마(Trojan-horse) ,그리스 로마 신화를 보신 분들이라면 트로이 목마를 모르시는 분들은 안계실꺼에요. 그리스와 트로이의 전쟁에서 그리스의 군사들은 거대한 목마를 만들고 그 목마 안에 그리스 군사들..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23Security" class="link_cate">미사용/##Security</a> <span class="txt_bar"></span> 2011.11.20 16:28 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/162?category=731180" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/123040494EBD393E132"></a> <a href="/162?category=731180" class="link_post"> <strong class="tit_post">확장자란? - 이미지파일편</strong> <p class="txt_post">이전편에 이어서 이번 포스트에선 이미지파일과 관련된 확장자들에 대해서 알아보도록 하겠습니다. 이전편 보러가기 -->http://www.malatto.com/160 이미지파일에 대한 확장자는 사진 블로그를 운영중인 블로거분들이나 사진작가분들이 조금 주의하실 수 있는 부분이에요. 확장자별로 압축률과 손실률, 화질등이 조금씩 차이가 날 수 있기 때문이죠. 그러면 한번 파고 들어 봅시다! 우리가 사용하는 이미지파일 확장자는 보통 JPEG, GIF, BMP, PNG, ICO 등등이 있습니다. 이들은 모두 각자 개성이 뚜렷하기 때문에 쓰임에 따라서 선택을 잘 해주어야만 사진의 질이 높아진다는점 참고해주세요. 그럼 이들이 각각 어떤 특징을 가지고 있는지 자세히 들여다 보도록 하겠습니다. BMP (Bitmap Imag..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%EC%BB%B4%ED%93%A8%ED%84%B0%20%EA%B8%B0%EB%B3%B8" class="link_cate">미사용/##컴퓨터 기본</a> <span class="txt_bar"></span> 2011.11.12 02:33 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/161?category=731178" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/1130E73B4EB6A8531A4"></a> <a href="/161?category=731178" class="link_post"> <strong class="tit_post">가벼운 인코더 카카오인코더</strong> <p class="txt_post">오늘 소개하는 인코더는 이제막 1.1 버전이 나온 따끈따끈한 녀석으로 메모리를 상당히 작게 먹는다고 소개되어져있는 프로그램입니다. 이 포스트에서는 이 프로그램에 대해 소개해 보고자합니다. 카카오툴즈라는 최근에 새로 생긴 회사에서 제작된 프로그램입니다. 이름은 카카오인코더구요. (카카오톡이 바로 떠오르는건..?) 홈페이지에 들어가서 관련 자료를 보려고하니 만들어진지 얼마 안되서 그런지 다양한 내용은 아직까지는 없는듯 합니다. (webm 인코딩을 지원 한다고 하네요 +_+) 뭐, 점차 사람들이 많이 사용하면서 업데이트를 많이 하겠죠? 홈페이지 : http://www.cacaotools.com/ 메인화면입니다. 나름 직관적인 인터페이스인가요 ? 인코더라면 빼놓을 수 없는 빠른 설정 기능이 역시 존재하네요 ^^..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8%20%EC%86%8C%EA%B0%9C-%EB%A6%AC%EB%B7%B0" class="link_cate">미사용/##프로그램 소개-리뷰</a> <span class="txt_bar"></span> 2011.11.07 01:06 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/160?category=731180" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/1557B6434EB549C01F1"></a> <a href="/160?category=731180" class="link_post"> <strong class="tit_post">확장자란? - 확장자의 정의</strong> <p class="txt_post">우리가 컴퓨터를 사용하면서 수많은 확장자들과 마주하게됩니다. 프로그램의 실행파일의 대부분인 exe, 대표적인 압축파일 확장자 zip, 수많은 이미지파일 확장자들 등등..그런데 정작 그 확장자의 정의가 뭐고, 왜 있는것이며, 확장자별 특징이 뭔지도 모른채 사용하고있습니다. 이번 포스트를 시작으로해서 확장자에 대해 알아보는 시간을 가져보고자 합니다. 확장자의 기본적인 정의는 '파일의 종류를 구별하기 위해 파일 끝에 붙이는 문자' 입니다. 해당 파일이 실행파일인지 그림파일인지 영상파일인지를 모른다면 컴퓨터는 모든 파일을 똑같이 처리를 하게되고, 동작 방법이 다른 녀석들은 죄다 실행이 안되는거죠. 그래서 이 확장자라는게 생긴거랍니다. 더군다나 사용자 역시 파일을 분류할 수 있으니깐요.. 그런데 확장자는 단순히 ..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%EC%BB%B4%ED%93%A8%ED%84%B0%20%EA%B8%B0%EB%B3%B8" class="link_cate">미사용/##컴퓨터 기본</a> <span class="txt_bar"></span> 2011.11.06 00:20 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/158?category=731177" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/15477E3A4EA568AE082"></a> <a href="/158?category=731177" class="link_post"> <strong class="tit_post">지워지지 않는파일 삭제프로그램 - IOBIT Unlocker</strong> <p class="txt_post">파일을 삭제하려고 할 때 삭제가 안되는 경우가 종종있습니다. 대부분은 해당 파일이 메모리상에.. 프로세스상에 상주해있거나 실해중인경우 삭제가 되지 않는데요. 이렇게 삭제가 안될 때 해당 파일을 삭제시켜주는 프로그램을 소개하도록 하겠습니다. 프로그램명 : IOBIT Unlocker 프로그램 이름인데요. Unlocker라는 프로그램이 이미 나와있었습니다. 네이버에 Unlocker을 검색해보면 대부분 제가 오늘 소개하는 IOBIT Unlocker가 아닌 그냥 Unlocker이 대부분 뜨는데요. 제 블로그에도 소개가 되어있으니 참고하셔서 봐주세요 ^^.. 참고글 : http://www.malatto.com/42 IOBIT Unlocker 다운로드 주소 : http://www.freenew.net/windows/..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%EC%BB%B4%ED%93%A8%ED%84%B0-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8%20%ED%8C%81" class="link_cate">미사용/##컴퓨터-프로그램 팁</a> <span class="txt_bar"></span> 2011.10.24 22:42 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/157?category=731180" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/165FE4394E9AF66701"></a> <a href="/157?category=731180" class="link_post"> <strong class="tit_post">키보드의 종류와 특징</strong> <p class="txt_post">이번 포스트에서 다룰 내용은 키보드에 관한 내용입니다. 우리가 컴퓨터를 사용하면서 키보드가 없으면 사용하는데 매우 지장이 크죠. 그래서 시험기간만 되면 부모님들이 키보드를 들고가시거나 숨기고가시는등....(..응?) 물론 마우스로도 키보드 조작이 얼추 가능하긴 합니다만 매우 불편하다죠. (요즘 스마트폰이나 아이팟터치 같은 IT기기들로도 조작이 가능합니다. 참고로 알아두셔요.) 항상 키보드를 곁에두고 사용하는데 이런 키보드에는 종류가 다양하고 그에따른 특징이 다 다르다는걸 알고계시는가요 ? 이 부분에 대한 글을 올려 보고자 합니다. 키보드란? 키보드란 컴퓨터의 입력장치중 하나로써 문자나 숫자를 입력하고, 컴퓨터상에서 여러가지 기능들을 하는 주변기기입니다. 키보드의 종류는 멤브레인 방식 키보드, 기계식 키보..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%EC%BB%B4%ED%93%A8%ED%84%B0%20%EA%B8%B0%EB%B3%B8" class="link_cate">미사용/##컴퓨터 기본</a> <span class="txt_bar"></span> 2011.10.17 00:23 </div> </div> </div> <div id="mArticle" class="article_skin"> <div class="list_content"> <a href="/156?category=731178" class="thumbnail_post"><img src="//i1.daumcdn.net/thumb/C148x148/?fname=https://t1.daumcdn.net/cfile/tistory/1962C13E4E92FB7627"></a> <a href="/156?category=731178" class="link_post"> <strong class="tit_post">안전한 비밀번호 생성/관리 프로그램 - RPG</strong> <p class="txt_post">이전에 제 블로그에 올린 안전한 비밀번호 만드는 방법에 이어서 좀더 편하게 생성과 관리를 한 프로그램으로 할 수 있는 녀석을 소개하도록 하겠습니다. 비밀번호를 랜덤으로 만들어 줄 뿐더러 복잡한 비밀번호를 간단하게 관리가 가능하니 정말 편리하더라구요. 참고 : 안전한 비밀번호 만들기 2편 안전한 비밀번호 만들기 1편 프로그램 이름은 Random Password Generator입니다. 제작사는 AdvancedSystemCare 라는 최적화 프로그램으로 유명한 IOBIT 이고 프리웨어랍니다. 다운로드 주소 : http://www.iobit.com/passwordgenerator.html 위 주소에서 다운로드 후 설치를 해 주시기 바랍니다. 설치할 때 주의사항!! 설치 중 위 두 화면이 나오면 네모박스 쳐진곳..</p> </a> <div class="detail_info"> <a href="/category/%EB%AF%B8%EC%82%AC%EC%9A%A9/%23%23%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8%20%EC%86%8C%EA%B0%9C-%EB%A6%AC%EB%B7%B0" class="link_cate">미사용/##프로그램 소개-리뷰</a> <span class="txt_bar"></span> 2011.10.10 23:04 </div> </div> </div> <div class="area_paging area_paging_list"> <span class="inner_paging"> <a href='/category/미사용?page=1' class="ico_skin link_prev ">이전</a> <a href='/category/미사용?page=1' class="link_page"><span >1</span></a> <a class="link_page"><span class="selected">2</span></a> <a href='/category/미사용?page=3' class="link_page"><span >3</span></a> <a href='/category/미사용?page=4' class="link_page"><span >4</span></a> <a href='/category/미사용?page=5' class="link_page"><span >5</span></a> <a href='/category/미사용?page=6' class="link_page"><span >6</span></a> <a href='/category/미사용?page=3' class="ico_skin link_next ">다음</a> </span> </div> <div class="area_paging area_paging_simple"> <div class="inner_paging"> <a href='/category/미사용?page=1' class="link_prev "> <span class="ico_skin ico_prev"></span>이전 </a> <a href='/category/미사용?page=3' class="link_next "> 다음<span class="ico_skin ico_next"></span> </a> </div> </div> <div id="mEtc" class="wrap_etc"> <div class="inner_aside"> <!-- 공지사항 --> <div class="box_aside"> <strong>공지사항</strong> <ul class="list_board"> </ul> </div> <!-- 최근에 올라온 글 --> <div class="box_aside"> <strong>최근에 올라온 글</strong> <ul class="list_board"> <li><a href="/229" class="link_board">pwntools gdb.attach 사용..</a></li> <li><a href="/228" class="link_board">가상함수(Virtual function..</a></li> <li><a href="/225" class="link_board">[MIPS] strcmp</a></li> <li><a href="/224" class="link_board">Ubuntu MIPS ARM 크로스 컴..</a></li> </ul> </div> <!-- 최근에 달린 댓글 --> <div class="box_aside"> <strong>최근에 달린 댓글</strong> <ul class="list_board"> <li><a href="/216#comment13170018" class="link_board">옴뇸뇸</a></li> <li><a href="/169#comment13068235" class="link_board">글에 올라와있는 링크 다 막혀..</a></li> <li><a href="/30#comment13052262" class="link_board">네, 2019년 01월 01일 기준,..</a></li> <li><a href="/167#comment12935426" class="link_board">썩었네요</a></li> </ul> </div> <!-- 방문자수 --> <div class="box_aside lst"> <dl class="list_total"> <dt>Total</dt> <dd>1,168,381</dd> </dl> <dl class="list_visitor"> <dt>Today</dt> <dd>39</dd> </dl> <dl class="list_visitor"> <dt>Yesterday</dt> <dd>93</dd> </dl> </div> <!-- 링크 --> <div class="box_aside"> <strong>링크</strong> <ul class="list_board"> <li><a href="https://krang.tistory.com" class="link_board" target="_blank">Krang 님의 블로그</a></li> <li><a href="https://bloggertip.com" class="link_board" target="_blank">블로거팁닷컴 (ZET님의 블로그)</a></li> <li><a href="https://dowajo.tistory.com" class="link_board" target="_blank">멋진성이님의 블로그</a></li> <li><a href="http://cafe.naver.com/dowajo" class="link_board" target="_blank">컴퓨터 A/S 문제해결카페 (컴..</a></li> <li><a href="https://arrestlove.tistory.com" class="link_board" target="_blank">물여우님의 블로그</a></li> <li><a href="http://www.choboweb.com/" class="link_board" target="_blank">웹초보님의 블로그</a></li> <li><a href="http://cafe.naver.com/malzero" class="link_board" target="_blank">바이러스 제로 시즌2 카페</a></li> <li><a href="https://moongoon.tistory.com" class="link_board" target="_blank">slayer의 포토블로그</a></li> <li><a href="http://webcoder.tistory.com" class="link_board" target="_blank">WebZin님의 블로그</a></li> <li><a href="https://muzbox.tistory.com" class="link_board" target="_blank">어떤오후의 프리웨어 이야기</a></li> <li><a href="https://hanul3.tistory.com" class="link_board" target="_blank">책읽어주는남자 한얼</a></li> <li><a href="https://yj8318.tistory.com" class="link_board" target="_blank">8318's Story</a></li> <li><a href="https://pigmovie.tistory.com" class="link_board" target="_blank">Pig&Movie</a></li> <li><a href="" class="link_board" target="_blank"></a></li> <li><a href="https://provier.tistory.com" class="link_board" target="_blank">Provier Blog</a></li> <li><a href="http://juwon0407.blog.me/" class="link_board" target="_blank">JW World</a></li> <li><a href="https://grini25.tistory.com" class="link_board" target="_blank">GRINI</a></li> </ul> </div> <!-- 태그 클라우드 --> <div class="box_aside"> <strong>TAG</strong> <ul class="list_tag"> <li><a href="/tag/%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8" class="link_tag cloud4">비밀번호</a></li> <li><a href="/tag/%EB%B2%84%ED%8D%BC%20%EC%98%A4%EB%B2%84%ED%94%8C%EB%A1%9C%EC%9A%B0" class="link_tag cloud3">버퍼 오버플로우</a></li> <li><a href="/tag/%EC%9C%88%EB%8F%84%EC%9A%B0" class="link_tag cloud3">윈도우</a></li> <li><a href="/tag/%EB%B0%94%EC%9D%B4%EB%9F%AC%EC%8A%A4" class="link_tag cloud3">바이러스</a></li> <li><a href="/tag/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%86%8C%ED%94%84%ED%8A%B8" class="link_tag cloud4">마이크로소프트</a></li> <li><a href="/tag/%EB%B0%B1%EC%8B%A0" class="link_tag cloud3">백신</a></li> <li><a href="/tag/hackerschool" class="link_tag cloud2">hackerschool</a></li> <li><a href="/tag/%EB%B3%B4%EC%95%88" class="link_tag cloud3">보안</a></li> <li><a href="/tag/%EC%9B%8C%EA%B2%8C%EC%9E%84" class="link_tag cloud3">워게임</a></li> <li><a href="/tag/%EC%8B%9C%EC%8A%A4%ED%85%9C%20%ED%95%B4%ED%82%B9" class="link_tag cloud3">시스템 해킹</a></li> <li><a href="/tag/%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80" class="link_tag cloud4">웹페이지</a></li> <li><a href="/tag/%ED%8C%A8%EC%8A%A4%EC%9B%8C%EB%93%9C" class="link_tag cloud4">패스워드</a></li> <li><a href="/tag/%EC%9C%88%EB%8F%84%EC%9A%B07" class="link_tag cloud3">윈도우7</a></li> <li><a href="/tag/It" class="link_tag cloud2">It</a></li> <li><a href="/tag/%EC%86%8D%EB%8F%84" class="link_tag cloud4">속도</a></li> <li><a href="/tag/%EB%B8%94%EB%A1%9C%EA%B7%B8" class="link_tag cloud4">블로그</a></li> <li><a href="/tag/%ED%95%B4%EC%BB%A4%20%EC%8A%A4%EC%BF%A8" class="link_tag cloud3">해커 스쿨</a></li> <li><a href="/tag/%ED%95%B4%ED%82%B9" class="link_tag cloud4">해킹</a></li> <li><a href="/tag/%EC%B5%9C%EC%A0%81%ED%99%94" class="link_tag cloud3">최적화</a></li> <li><a href="/tag/%EC%BB%B4%ED%93%A8%ED%84%B0%EC%86%8D%EB%8F%84" class="link_tag cloud4">컴퓨터속도</a></li> <li><a href="/tag/%EC%95%85%EC%84%B1%EC%BD%94%EB%93%9C" class="link_tag cloud3">악성코드</a></li> <li><a href="/tag/%EC%95%84%EC%9D%B4%EC%BD%98" class="link_tag cloud4">아이콘</a></li> <li><a href="/tag/%EC%9D%B8%ED%84%B0%EB%84%B7" class="link_tag cloud3">인터넷</a></li> <li><a href="/tag/%EC%BB%B4%ED%93%A8%ED%84%B0" class="link_tag cloud4">컴퓨터</a></li> <li><a href="/tag/%EC%82%AC%EC%A7%84" class="link_tag cloud3">사진</a></li> <li><a href="/tag/%EB%84%A4%EC%9D%B4%EB%B2%84" class="link_tag cloud3">네이버</a></li> <li><a href="/tag/ftz" class="link_tag cloud1">ftz</a></li> <li><a href="/tag/C%EC%96%B8%EC%96%B4" class="link_tag cloud4">C언어</a></li> <li><a href="/tag/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8" class="link_tag cloud4">프로그램</a></li> <li><a href="/tag/WarGame" class="link_tag cloud1">WarGame</a></li> </ul> <a href="/tag" class="link_more">more</a> </div> <!-- 달력 --> <div class="box_aside"> <table class="tt-calendar" cellpadding="0" cellspacing="1" style="width: 100%; table-layout: fixed"> <caption class="cal_month"> <a href="/archive/201907" title="1개월 앞의 달력을 보여줍니다.">«</a>   <a href="/archive/201908" title="현재 달의 달력을 보여줍니다.">2019/08</a>   <a href="/archive/201909" title="1개월 뒤의 달력을 보여줍니다.">»</a> </caption> <thead> <tr> <th class="cal_week2">일</th> <th class="cal_week1">월</th> <th class="cal_week1">화</th> <th class="cal_week1">수</th> <th class="cal_week1">목</th> <th class="cal_week1">금</th> <th class="cal_week1">토</th> </tr> </thead> <tbody> <tr class="cal_week"> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class="cal_day1"> </td> <td class=" cal_day cal_day3">1</td> <td class=" cal_day cal_day3">2</td> <td class=" cal_day cal_day3">3</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">4</td> <td class=" cal_day cal_day3"><a class="cal_click" href="/archive/20190805">5</a></td> <td class=" cal_day cal_day3">6</td> <td class=" cal_day cal_day3">7</td> <td class=" cal_day cal_day3">8</td> <td class=" cal_day cal_day3">9</td> <td class=" cal_day cal_day3">10</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">11</td> <td class=" cal_day cal_day3">12</td> <td class=" cal_day cal_day3">13</td> <td class=" cal_day cal_day3">14</td> <td class=" cal_day cal_day3">15</td> <td class=" cal_day cal_day3">16</td> <td class=" cal_day cal_day3">17</td> </tr> <tr class="cal_week cal_current_week"> <td class=" cal_day cal_day_sunday cal_day4">18</td> <td class=" cal_day cal_day3">19</td> <td class=" cal_day cal_day3">20</td> <td class=" cal_day cal_day3">21</td> <td class=" cal_day cal_day3">22</td> <td class=" cal_day cal_day3">23</td> <td class=" cal_day cal_day3">24</td> </tr> <tr class="cal_week"> <td class=" cal_day cal_day_sunday cal_day3">25</td> <td class=" cal_day cal_day3">26</td> <td class=" cal_day cal_day3">27</td> <td class=" cal_day cal_day3">28</td> <td class=" cal_day cal_day3">29</td> <td class=" cal_day cal_day3">30</td> <td class=" cal_day cal_day3">31</td> </tr> </tbody> </table> </div> <!-- 글 보관함 --> <div class="box_aside lst"> <strong>글 보관함</strong> <ul class="list_keep"> <li><a href="/archive/201908" class="link_keep">2019/08</a> (1)</li> <li><a href="/archive/201907" class="link_keep">2019/07</a> (1)</li> <li><a href="/archive/201804" class="link_keep">2018/04</a> (1)</li> <li><a href="/archive/201803" class="link_keep">2018/03</a> (2)</li> <li><a href="/archive/201603" class="link_keep">2016/03</a> (2)</li> </ul> </div> </div> </div> </div> </div> <hr class="hide"> <div id="dkFoot" role="contentinfo" class="area_foot"> Blog is powered by <em class="emph_t">Tistory</em> / Designed by <em class="emph_t">Tistory</em> </div> </div> <script src="https://tistory2.daumcdn.net/tistory/406246/skin/images/script.js"></script> <script> (function($) { $.Area.init(); })(jQuery); </script> <script type="text/javascript"> document.oncontextmenu = new Function ('return false'); document.ondragstart = new Function ('return false'); document.onselectstart = new Function ('return false'); document.body.style.MozUserSelect = 'none'; </script> <script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/assets/blog/0ccc8ebc82d8ddff2b5d35df8bbed2d6312aba8f/blogs/plugins/PreventCopyContents/js/functions.js?_version_=0ccc8ebc82d8ddff2b5d35df8bbed2d6312aba8f"></script> <script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></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> [nothing blog]'; 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><script type="text/javascript"> var _tiq = 'undefined' !== typeof _tiq ? _tiq : []; _tiq.push(['__setConfig', {enableScroll:true, enableClick:true, enableButton:true}]); _tiq.push(["__setParam", "svcdomain", "user.tistory.com"]); (function(d) { var se = d.createElement('script'); se.type = 'text/javascript'; se.async = true; se.src = location.protocol + '//m2.daumcdn.net/tiara/js/td.min.js'; var s = d.getElementsByTagName('head')[0]; s.appendChild(se); })(document); _tiq.push(['__setParam', 'param_ex', JSON.stringify({"userId":"305661","blogId":"406246","role":"guest","filterTarget":false})]); _tiq.push(['__trackPageview']); var addEvent = function (evt, fn) { window.addEventListener ? window.addEventListener(evt, fn, false) : window.attachEvent('on' + evt, fn); }; var removeEvent = function(evt, fn) { window.removeEventListener ? window.removeEventListener(evt, fn, false) : window.detachEvent('on' + evt, fn);}; var ua = navigator.userAgent.toLowerCase(); var isIOS = /iP[ao]d|iPhone/i.test(ua); var contentExStat = function() { _tiq.push(['__content', 't_content_ex', { 'data_type':'usage' }]); removeEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); }; addEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); </script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || []; window.roosevelt_params_queue.push({channel_id: "dk", channel_label: 'tistory'});</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async></script><script type="text/javascript">if(window.console!=undefined){setTimeout(console.log.bind(console,"%cTISTORY","font:8em Arial;color:#EC6521;font-weight:bold"),0);setTimeout(console.log.bind(console,"%c 나를 표현하는 블로그","font:2em sans-serif;color:#333;"),0);}</script><iframe style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//cosyp.tistory.com/api" id="editEntry"></iframe><div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div><div id="tistoryEtcLayer" class="layer_post"></div><div id="tistorySnsLayer" class="layer_post"></div></body> </html>