php 게시판 (9)

나도 게시판 따위를 만들어 보자스라! - 03. 글쓰기 페이지(write.html)

Lecture zzins 2008.11.10 17:25

벌써 세 번째네요.이번 페이지에서는 글쓰기(html) 페이지를 하겠습니다./*파일을 실행하실 땐 꼭 APM을 실행하시고 브라우져 주소창엔 'http://localhost/write.html'로 실행하시기 바랍니다.그리고 APM을 설치하시면 C:\apm\htdocs 이런 폴더가 생성이 됩니다.물론 C:\와 apm 이 부분은 사용자가 어떻게 설치를 하느냐에 따라서 달라집니다.htdocs라는 폴더 안에 파일을 넣으셔야 정상적으로 실행이 됩니다.*/먼저 디비에 만들었던 그 부분을 떠올려 보겠습니다.번호, 제목, 글쓴이, 내용, 날짜번호와 날짜 같은 경우는 사용자가 임의로 할 필요가 없기 때문에 빼겠습니다.그러면 제목, 글쓴이, 내용이 남습니다. write.html write<..</a></p> </div> </div> </div> </div> <script> if ( jbShowInfeedAdSense == 0 ) { jbInfeedCount ++; if ( jbInfeedCount % jbInfeedAdSenseInterval == 0 ) { document.write( '<div style="padding: 0.1px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script>' ); document.write( jbInfeedAdSenseCode ); (adsbygoogle = window.adsbygoogle || []).push({}); document.write( '</div>' ); } } </script> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-front"> <div class="jb-index-table jb-index-table-front"> <div class="jb-index-table-row jb-index-table-row-front"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-front jb-index-table-cell-thumbnail-front"> <a href="/598"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-front jb-index-table-cell-information-front"> <h3 class="jb-index-title jb-index-title-front"><a href="/598">나도 게시판 따위를 만들어 보자스라! - 02. 테이블 작성</a></h3> <p class="jb-index-information jb-index-information-front"> <span class="jb-index-information-category jb-index-information-category-front"><a href="/category/Lecture">Lecture</a></span> <span class="jb-index-information-author jb-index-information-author-front">zzins</span> <span class="jb-index-information-date jb-index-information-date-front">2008.11.10 12:36</span> </p> <p class="jb-index-summary jb-index-summary-front"><a href="/598">지난 번에 말씀 드린 대로 오늘은 게시판에 필요한 디비 부분을 만들어 보겠습니다.먼저 SQLyog를 실행합니다.그런 후 다음과 같은 화면이 나오면 New 버튼을 클릭해서 새로운 접속 정보를 하나 만들겠습니다.OK 버튼을 누르고 설정을 저장합니다.host address는 거의가 localhost입니다.localhost가 되지 않을 경우엔 127.0.0.1로 해 보시기 바랍니다.User name 역시 거의가 root겠구요.APM을 설치하면 id가 저렇더라구요.그리고 Password는 APM 설치할 때 입력되는 기본일 테구요.Save 버튼을 눌러서 이 정보를 저장하신 후에 Connect 버튼을 눌러서 접속이 되는지 확인을 합니다.mysql이라는 database(이하 '디비')가 하나 보입니다.쟤는 무시하시고 ..</a></p> </div> </div> </div> </div> <script> if ( jbShowInfeedAdSense == 0 ) { jbInfeedCount ++; if ( jbInfeedCount % jbInfeedAdSenseInterval == 0 ) { document.write( '<div style="padding: 0.1px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script>' ); document.write( jbInfeedAdSenseCode ); (adsbygoogle = window.adsbygoogle || []).push({}); document.write( '</div>' ); } } </script> <div class="jb-cell jb-cell-content jb-cell-index jb-cell-index-front"> <div class="jb-index-table jb-index-table-front"> <div class="jb-index-table-row jb-index-table-row-front"> <div class="jb-index-table-cell jb-index-table-cell-thumbnail jb-index-table-cell-front jb-index-table-cell-thumbnail-front"> <a href="/596"> </a> </div> <div class="jb-index-table-cell jb-index-table-cell-information jb-index-table-cell-front jb-index-table-cell-information-front"> <h3 class="jb-index-title jb-index-title-front"><a href="/596">나도 게시판 따위를 만들어 보자스라! - 01. 준비물</a></h3> <p class="jb-index-information jb-index-information-front"> <span class="jb-index-information-category jb-index-information-category-front"><a href="/category/Lecture">Lecture</a></span> <span class="jb-index-information-author jb-index-information-author-front">zzins</span> <span class="jb-index-information-date jb-index-information-date-front">2008.11.07 19:15</span> </p> <p class="jb-index-summary jb-index-summary-front"><a href="/596">1. 프로그램 같은 건 설치 혼자서도 충분히 가능하고2. HTML은 기본적으로 할 줄 알고3. 내 맘대로 게시판 정도는 하나 만들고 싶고4. 책은 봤지만 아무리 봐도 모르겠고5. 주변에 게시판 같은 거 가르쳐 줄 만한 사람도 없고6. 100% 생왕왕왕초보들을 대상입니다. 난 쫌 한다 하시는 분들은 허허허~ 하시고 그냥 패스하세요.이런 사람들을 대상으로 시작합니다.처음부터 너무 많은 걸 생각하면 쉽게 지칩니다.그리고 소스는 정말 간단합니다.길게 설명 않고 이제 시작하겠습니다.제목대로 준비물이 필요합니다.코딩을 하려면 에디터가 필요하겠죠?메모장만 있어도 가능은 하지만 아무래도 이래 저래 기능이 많은 에디터가 좋습니다.에디트 플러스, 울트라 에디터, 드림위버, 나모 등등이 있겠지만 저는 에디트 플러스로 선택하..</a></p> </div> </div> </div> </div> <script> if ( jbShowInfeedAdSense == 0 ) { jbInfeedCount ++; if ( jbInfeedCount % jbInfeedAdSenseInterval == 0 ) { document.write( '<div style="padding: 0.1px;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script>' ); document.write( jbInfeedAdSenseCode ); (adsbygoogle = window.adsbygoogle || []).push({}); document.write( '</div>' ); } } </script> <div class="jb-cell jb-cell-pagination"> <div class="jb-pagination"> <ul> <li><a ><i class="fa fa-caret-left"></i></a></li> <li><a ><span class="selected">1</span></a></li> <li><a ><i class="fa fa-caret-right"></i></a></li> </ul> </div> </div> </div> <div class="jb-column jb-column-sidebar"> <aside> <h2 class="jb-section-title jb-section-title-sidebar">Sidebar</h2> <!-- Blog Information --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-blog-information"> <div class="jb-sidebar-title jb-sidebar-title-blog-information"> <h3>블로그 정보</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-blog-information"> <p class="jb-blog-information jb-blog-information-image"><img src="https://t1.daumcdn.net/cfile/tistory/1942394B503612211C" alt=""></p> <p class="jb-blog-information jb-blog-information-blogger">zzins</p> <p class="jb-blog-information jb-blog-information-description">Blue && 12px</p> </div> </div> <!-- Notices --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-notices"> <div class="jb-sidebar-title jb-sidebar-title-notices"> <h3>공지사항</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-notices jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="/notice/488">스팸글 남기는 인간들</a></span></li> </ul> </div> </div> <!-- Search --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-search"> <div class="jb-sidebar-title jb-sidebar-title-search"> <h3>검색</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-search"> <div class="jb-form-search-table"> <div class="jb-form-search-table-row"> <div class="jb-form-search-table-cell jb-form-search-table-cell-input"> <input type="text" name="search" value="" 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){} }" class="jb-form-input-text"> </div> <div class="jb-form-search-table-cell jb-form-search-table-cell-button"> <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="jb-form-button"><i class="fa fa-search fa-fw"></i></button> </div> </div> </div> </div> </div> <!-- Category --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-category"> <div class="jb-sidebar-title jb-sidebar-title-category"> <h3>카테고리</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-category"> <ul class="tt_category"> <li class=""> <a class="link_tit" href="/category"> 전체 <span class="c_cnt">(759)</span> <img src="https://t1.daumcdn.net/tistory_admin/assets/blog/debfc911495ac31f8814482ba1ffd8f0be745a9d/blogs/image/category/new_ico_1.gif?_version_=debfc911495ac31f8814482ba1ffd8f0be745a9d" alt="N" style='vertical-align:middle;padding-left:2px;' /> </a> <ul class="category_list"> <li class=""> <a class="link_item" href="/category/About%20me"> About me <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Hummmmm"> Hummmmm <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Today%20is"> Today is <span class="c_cnt">(318)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Song"> Song <span class="c_cnt">(46)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Tool"> Tool <span class="c_cnt">(15)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Programming"> Programming <span class="c_cnt">(153)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/Programming/PHP"> PHP <span class="c_cnt">(38)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/ASP"> ASP <span class="c_cnt">(13)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/HTML/CSS"> HTML/CSS <span class="c_cnt">(24)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/Javascript"> Javascript <span class="c_cnt">(40)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/SQL"> SQL <span class="c_cnt">(18)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/Linux"> Linux <span class="c_cnt">(20)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Programming/GnuBoard"> GnuBoard <span class="c_cnt">(0)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/Let%27s%20laugh"> Let's laugh <span class="c_cnt">(86)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/Let%27s%20laugh/19%2B"> 19+ <span class="c_cnt">(0)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/Let%27s%20laugh/Humor"> Humor <span class="c_cnt">(86)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/Altoran"> Altoran <span class="c_cnt">(51)</span> <img src="https://t1.daumcdn.net/tistory_admin/assets/blog/debfc911495ac31f8814482ba1ffd8f0be745a9d/blogs/image/category/new_ico_1.gif?_version_=debfc911495ac31f8814482ba1ffd8f0be745a9d" alt="N" style='vertical-align:middle;padding-left:2px;' /> </a> </li> <li class=""> <a class="link_item" href="/category/Link"> Link <span class="c_cnt">(25)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Wishlist"> Wishlist <span class="c_cnt">(10)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Only%20Me"> Only Me <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_item" href="/category/WOW"> WOW <span class="c_cnt">(36)</span> </a> </li> <li class=""> <a class="link_item" href="/category/Lecture"> Lecture <span class="c_cnt">(15)</span> </a> </li> </ul> </li> </ul> </div> </div> <!-- Tags --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-tags"> <div class="jb-sidebar-title jb-sidebar-title-tags"> <h3>태그</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-tags"> <ul> <li><a href="/tag/%ED%8C%81%ED%83%9D" class="cloud5">팁택</a></li> <li><a href="/tag/utility" class="cloud2">utility</a></li> <li><a href="/tag/%ED%85%8C%EC%9D%B4%EB%B8%94%20%EB%8F%99%EC%A0%81%20%EC%B6%94%EA%B0%80" class="cloud5">테이블 동적 추가</a></li> <li><a href="/tag/heredoc" class="cloud5">heredoc</a></li> <li><a href="/tag/%EC%B4%88%EB%B3%B4%20%EA%B2%8C%EC%8B%9C%ED%8C%90" class="cloud1">초보 게시판</a></li> <li><a href="/tag/%EA%B8%B0%EC%BD%94" class="cloud5">기코</a></li> <li><a href="/tag/%EB%B0%B1%EA%B3%B0" class="cloud1">백곰</a></li> <li><a href="/tag/%EC%A7%80%ED%95%98%EC%B2%A0" class="cloud4">지하철</a></li> <li><a href="/tag/%EC%8A%A4%ED%8C%8C%EC%9D%B4%EC%9B%A8%EC%96%B4" class="cloud4">스파이웨어</a></li> <li><a href="/tag/%EC%A0%9C%EC%96%B4%ED%8C%90%20%EB%B0%94%EB%A1%9C%20%EA%B0%80%EA%B8%B0" class="cloud5">제어판 바로 가기</a></li> <li><a href="/tag/%EC%9D%8C%EC%9B%90%20%EB%B3%80%ED%99%98" class="cloud5">음원 변환</a></li> <li><a href="/tag/classtimer" class="cloud5">classtimer</a></li> <li><a href="/tag/php%20%EA%B2%8C%EC%8B%9C%ED%8C%90" class="cloud1">php 게시판</a></li> <li><a href="/tag/%EC%95%A0%EB%93%9C%EC%9B%A8%EC%96%B4" class="cloud4">애드웨어</a></li> <li><a href="/tag/mysql%20%ED%94%BC%EB%B2%97" class="cloud5">mysql 피벗</a></li> <li><a href="/tag/print_r%28%24_POST%29" class="cloud5">print_r($_POST)</a></li> <li><a href="/tag/%EC%99%80%EC%9A%B0" class="cloud4">와우</a></li> <li><a href="/tag/%EA%B5%AC%EA%B8%80%20%EC%A7%80%EB%8F%84%20api%20jquery" class="cloud5">구글 지도 api jquery</a></li> <li><a href="/tag/%EB%A6%AC%EC%B9%B4%EC%9A%B4%ED%8A%B8" class="cloud5">리카운트</a></li> <li><a href="/tag/%EC%95%A1%EC%84%B8%EC%8A%A4%20%ED%86%A0%ED%81%B0" class="cloud5">액세스 토큰</a></li> <li><a href="/tag/%EA%B3%A0%EC%96%91%EC%9D%B4" class="cloud4">고양이</a></li> <li><a href="/tag/%EC%98%A4%EB%A5%98%3A916" class="cloud5">오류:916</a></li> <li><a href="/tag/instagram%20access%20token" class="cloud5">instagram access token</a></li> <li><a href="/tag/FlicFlac" class="cloud5">FlicFlac</a></li> <li><a href="/tag/jquery%20map%28%29" class="cloud5">jquery map()</a></li> <li><a href="/tag/tiptac" class="cloud5">tiptac</a></li> <li><a href="/tag/%EC%9B%94%EB%93%9C%EC%BB%B5" class="cloud4">월드컵</a></li> <li><a href="/tag/%ED%81%B4%EB%9E%98%EC%8A%A4%ED%83%80%EC%9D%B4%EB%A8%B8" class="cloud5">클래스타이머</a></li> <li><a href="/tag/%ED%9B%88%EA%B8%80" class="cloud4">훈글</a></li> <li><a href="/tag/%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8%20%EC%95%A1%EC%84%B8%EC%8A%A4%20%ED%86%A0%ED%81%B0" class="cloud5">인스타그램 액세스 토큰</a></li> </ul> </div> </div> <!-- Recent Posts --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-recent-posts"> <div class="jb-sidebar-title jb-sidebar-title-recent-posts"> <h3>최근 글</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-recent-posts jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="/1260"><span class="jb-recent-posts-title">익스플로러에서 팝업을 띄우면 빈 팝..</span><span class="jb-recent-posts-reply-count"><span id="commentCountOnRecentEntries1260"></span></span><span class="jb-recent-posts-author">zzins</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1254"><span class="jb-recent-posts-title">[PDO]character set</span><span class="jb-recent-posts-reply-count"><span id="commentCountOnRecentEntries1254"></span></span><span class="jb-recent-posts-author">zzins</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1236"><span class="jb-recent-posts-title">시, 구군만 있는 주소</span><span class="jb-recent-posts-reply-count"><span id="commentCountOnRecentEntries1236"></span></span><span class="jb-recent-posts-author">zzins</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1235"><span class="jb-recent-posts-title">용량 문제로 파일 업로드가 정상적으..</span><span class="jb-recent-posts-reply-count"><span id="commentCountOnRecentEntries1235"></span></span><span class="jb-recent-posts-author">zzins</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1233"><span class="jb-recent-posts-title">고양이</span><span class="jb-recent-posts-reply-count"><span id="commentCountOnRecentEntries1233"></span></span><span class="jb-recent-posts-author">zzins</span></a></span></li> </ul> </div> </div> <!-- Recent Replies --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-recent-replies"> <div class="jb-sidebar-title jb-sidebar-title-recent-replies"> <h3>최근 댓글</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-recent-replies jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="/817#comment12128943"><span class="jb-recent-replies-title">뒤늦게 받아갑니다 감사합니다 잘..</span><span class="jb-recent-replies-name">귀여워</span><span class="jb-recent-replies-time">07.23</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/636#comment12123074"><span class="jb-recent-replies-title">와 댓글 보고 이 글을 11년 전에 쓴..</span><span class="jb-recent-replies-name">zzins</span><span class="jb-recent-replies-time">07.04</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/636#comment12117070"><span class="jb-recent-replies-title">세상에...정말 감사합니다 2008년 포..</span><span class="jb-recent-replies-name">지나가던사람</span><span class="jb-recent-replies-time">06.23</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1225#comment11853665"><span class="jb-recent-replies-title">감사합니다 ~~</span><span class="jb-recent-replies-name">thdorrufwp</span><span class="jb-recent-replies-time">2017</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/1183#comment11331401"><span class="jb-recent-replies-title">대박</span><span class="jb-recent-replies-name">루퍼</span><span class="jb-recent-replies-time">2015</span></a></span></li> </ul> </div> </div> <!-- Calendar --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-calendar"> <div class="jb-sidebar-title jb-sidebar-title-calendar"> <h3>달력</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-calendar"> <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">5</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"> <td class=" cal_day cal_day_sunday cal_day3">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"><a class="cal_click" href="/archive/20190823">23</a></td> <td class=" cal_day cal_day4">24</td> </tr> <tr class="cal_week cal_current_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> <!-- Archives --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-archives"> <div class="jb-sidebar-title jb-sidebar-title-archives"> <h3>보관함</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-archives jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="/archive/201908"><span class="jb-archives-date">2019/08</span><span class="jb-archives-count">(1)</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/archive/201905"><span class="jb-archives-date">2019/05</span><span class="jb-archives-count">(1)</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/archive/201808"><span class="jb-archives-date">2018/08</span><span class="jb-archives-count">(1)</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/archive/201807"><span class="jb-archives-date">2018/07</span><span class="jb-archives-count">(1)</span></a></span></li> <li><span class="jb-sidebar-list"><a href="/archive/201806"><span class="jb-archives-date">2018/06</span><span class="jb-archives-count">(2)</span></a></span></li> </ul> </div> </div> <!-- Links --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-links"> <div class="jb-sidebar-title jb-sidebar-title-links"> <h3>링크</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-links jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="http://www.tutorialspoint.com/">Tutorials for Operating Syst..</a></span></li> <li><span class="jb-sidebar-list"><a href="http://webmadang.net">:::::: Webmadang.Net ::::::</a></span></li> <li><span class="jb-sidebar-list"><a href="http://colorscripter.com/">Color Scripter</a></span></li> <li><span class="jb-sidebar-list"><a href="http://thering.co.kr/">잠들 수 없는 밤의 기묘한 이..</a></span></li> </ul> </div> </div> <!-- Statistics --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-statistics"> <div class="jb-sidebar-title jb-sidebar-title-statistics"> <h3>통계</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-statistics jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Total : </span><span class="jb-statistics-count">888,070</span></span></li> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Today : </span><span class="jb-statistics-count">4</span></span></li> <li><span class="jb-sidebar-list"><span class="jb-statistics-label">Yesterday : </span><span class="jb-statistics-count">44</span></span></li> </ul> </div> </div> <!-- Admin Menu --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-admin"> <div class="jb-sidebar-title jb-sidebar-title-admin"> <h3>관리</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-admin jb-sidebar-content-list"> <ul> <li><span class="jb-sidebar-list"><a href="https://zzins.tistory.com/manage">관리자</a></span></li> <li><span class="jb-sidebar-list"><a href="https://zzins.tistory.com/manage/entry/post">글쓰기</a></span></li> </ul> </div> </div> <!-- SNS --> <div class="jb-cell jb-cell-sidebar jb-cell-sidebar-sns"> <div class="jb-sidebar-title jb-sidebar-title-sns"> <h3>Follow Me</h3> </div> <div class="jb-sidebar-content jb-sidebar-content-sns"> <ul> <li><a href="#" title="Facebook"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-facebook.png" alt=""></a></li> <li><a href="#" title="Twitter"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-twitter.png" alt=""></a></li> <li><a href="#" title="Google +"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-google-plus.png" alt=""></a></li> <!-- <li><a href="#" title="Kakao Story"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-kakaostory.png" alt=""></a></li> --> <!-- <li><a href="#" title="Instagram"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-instagram.png" alt=""></a></li> --> <!-- <li><a href="#" title="Pinterest"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-pinterest.png" alt=""></a></li> --> <!-- <li><a href="#" title="Linkedin"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-linkedin.png" alt=""></a></li> --> <li><a href="https://nyaongnyaong.com/rss" title="RSS"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-sns-logo-rss.png" alt=""></a></li> </ul> </div> </div> </aside> </div> </div> </div> </div> <div class="jb-background jb-background-foot"> <div class="jb-container jb-container-foot"> <div class="jb-row jb-row-foot"> <div class="jb-line jb-line-foot-top"></div> <div class="jb-column jb-column-foot jb-column-foot-1"> <div class="jb-cell jb-cell-foot jb-cell-foot-1"> <div class="jb-copyright"> <h6>Copyright © zzin All Rights Reserved</h6> </div> </div> </div> <div class="jb-column jb-column-foot jb-column-foot-2"> <div class="jb-cell jb-cell-foot jb-cell-foot-2"> <div class="jb-designed"> <h6>Designed by <a href="https://www.jbfactory.net" target="_blank">JB FACTORY</a></h6> </div> </div> </div> </div> </div> </div> </div><!-- .jb-page --> <a href="#" class="jb-top"><i class="fa fa-arrow-up"></i></a> <script src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jquery-1.12.3.min.js"></script> <script src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jquery.nivo.slider.min.js"></script> <script> jQuery.noConflict(); jQuery( document ).ready( function( $ ) { // Variables var jbCurrentUrl = window.location.pathname; // Menu $( '.jb-navigation-category-list > ul > li > ul > li:has( ul ) > a' ).append( '<i class="fa fa-angle-down"></i>' ); $( '.jb-bars img' ).click( function() { $( '.jb-header-table-cell-navigation' ).slideToggle(); } ); // Admin Menu $( '.jb-admin-button' ).click( function() { $( '.jb-admin-menu' ).slideToggle(); } ); // Discuss //$( '.jb-discuss-information-name' ).not( ':has( img )' ).prepend( '<img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/ic_person_white_48dp_2x.png" alt="">' ); //var jbUserLogo; //$( '.jb-discuss-table' ).each( function() { // jbUserLogo = $( '.jb-discuss-information-name > img', this ).detach(); // $( '.jb-discuss-information-logo', this ).append( jbUserLogo ); //} ); // 신고 $( 'img[src="//t1.daumcdn.net/tistory_admin/static/ico/ico_spam_report.png"]' ).parent().wrap( '<span class="jb-singo jb-singo-post"></span>'); $( '.jb-singo-post' ).parent().removeAttr( 'style' ); $( 'img[src="//t1.daumcdn.net/tistory_admin/static/ico/ico_spam_report.png"]' ).before( '<i class="fa fa-bell"></i> 신고' ).remove(); $( '.jb-discuss-information-date a' ).prepend( '<i class="fa fa-bell"></i>' ).wrap( '<span class="jb-singo jb-singo-reply"></span>' ); // Index //$( '.jb-cell-index' ).wrapAll( '<div class="jb-row jb-row-index"></div>' ); //$( '.jb-row-index .jb-cell-index:nth-child(1) .jb-index-table' ).addClass( 'jb-index-table-1' ); //$( '.jb-row-index .jb-cell-index:nth-child(2) .jb-index-table' ).addClass( 'jb-index-table-2' ); //$( '.jb-row-index .jb-cell-index:nth-child(2n+1)' ).addClass( 'jb-cell-index-odd' ); //$( '.jb-row-index .jb-cell-index:nth-child(2n+2)' ).addClass( 'jb-cell-index-even' ); //$( '.jb-row-index .jb-cell-index:nth-child(2n+2)' ).after( '<div class="jb-clearfix"></div>' ); $( '.jb-index-table-cell-thumbnail a' ).not( ':has( .jb-index-thumbnail )' ).append( '<div class="jb-index-thumbnail jb-index-thumbnail-no-image"><img src="https://tistory3.daumcdn.net/tistory/644431/skin/images/jb-blank-480x270.png" alt=""></div>' ); // Notice Category Title if ( $( 'body' ).attr( 'id' ) == 'tt-body-index' && jbCurrentUrl.indexOf( '/notice' ) > -1 ) { $( '.jb-column-content' ).prepend( '<div class="jb-cell jb-cell-content jb-cell-content-search-list"><header><div class="jb-content-title jb-content-title-search-list" style="border-bottom: none;"><h2>공지사항</h2></div></header></div>' ); $( '.jb-index-table-cell-thumbnail-notice' ).each( function() { var jbNoticeUrl = $( 'a', this ).attr( 'href' ); var jbNoticeThis = this; $.ajax( { url: jbNoticeUrl, success: function( jbNoticeHtml ) { var jbNoticeImgSrcStart = jbNoticeHtml.indexOf( 'meta property="og:image" content="' )+34; var jbNoticeImgSrcEnd = jbNoticeHtml.indexOf( '"', jbNoticeImgSrcStart ); var jbNoticeImgSrc = jbNoticeHtml.substring( jbNoticeImgSrcStart, jbNoticeImgSrcEnd ); if ( typeof jbNoticeImgSrc !== 'undefined' && jbNoticeImgSrc.indexOf( '/icon/' ) < 0 ) { jbNoticeImgSrc = '//i1.daumcdn.net/thumb/C480x270/?fname=' + jbNoticeImgSrc; $( 'img', jbNoticeThis ).attr( 'src', jbNoticeImgSrc ); } } } ); } ); } // Pagination $( 'span.interword' ).replaceWith( '<li><a>···</a></li>' ); $( '.jb-pagination span[class="selected"]' ).parent( 'a' ).parent( 'li' ).addClass( 'jb-active' ); // Calendar $( '.jb-sidebar-content-calendar table td' ).has( 'a' ).addClass( 'jb-day-has-post' ); // Top Button $( window ).scroll( function() { if ( $( this ).scrollTop() > 200 ) { $( '.jb-top' ).fadeIn(); } else { $( '.jb-top' ).fadeOut(); } } ); $( '.jb-top' ).click( function() { $( 'html, body' ).animate( { scrollTop : 0 }, 600 ); return false; } ); // AdSense $( '.jb-adsense-cb' ).appendTo( '#jb-adsense-cm' ); $( 'div#jb-adsense-cm-1' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); $( 'div#jb-adsense-cm-2' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); $( 'div#jb-adsense-cm-3' ).append( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><' + '/script>' + jbAdSenseNativeContentCode + '<script>(adsbygoogle = window.adsbygoogle || []).push({});<' + '/script>' ); // Youtube $( '.jb-youtube-auto .jb-article iframe[src^="https://www.youtube.com/"]' ).wrap( '<div class="jb-youtube-16x9"></div>' ); $( '.jb-youtube-auto .jb-article .jb-youtube-16x9:has( .jb-youtube-16x9 )' ).css( 'padding-bottom', '0px' ); // Image Table $( 'table:has(span.imageblock)' ).each( function() { //alert( $( 'td', this ).length ); if ( $( 'td', this ).length == 2 ) { $( this ).addClass( 'jb-image-table jb-image-table-2' ); } if ( $( 'td', this ).length == 3 ) { $( this ).addClass( 'jb-image-table jb-image-table-3' ); } } ); // Slider if ( jbShowSlider == 0 && $( 'body' ).attr( 'id' ) == 'tt-body-index' && jbCurrentUrl.indexOf( '/notice' ) < 0 ) { $( '.jb-column-content' ).prepend( '<div class="jb-cell jb-cell-slider"><div class="slider-wrapper theme-default"><div class="ribbon"></div><div id="jb-slider" class="nivoSlider"></div></div></div>' ); for ( var i = 0; i < jbSliderImage.length; i++) { if ( jbSliderLink[ i ] == '' && jbSliderCaption[ i ] == '' ) { var jbSliderCode = '<img src="' + jbSliderImage[ i ] + '">'; } if ( jbSliderLink[ i ] !== '' && jbSliderCaption[ i ] == '' ) { var jbSliderCode = '<a href="' + jbSliderLink[ i ] + '"><img src="' + jbSliderImage[ i ] + '"></a>'; } if ( jbSliderLink[ i ] == '' && jbSliderCaption[ i ] !== '' ) { var jbSliderCode = '<img src="' + jbSliderImage[ i ] + '" title="' + jbSliderCaption[ i ] + '">'; } if ( jbSliderLink[ i ] !== '' && jbSliderCaption[ i ] !== '' ) { var jbSliderCode = '<a href="' + jbSliderLink[ i ] + '"><img src="' + jbSliderImage[ i ] + '" title="' + jbSliderCaption[ i ] + '"></a>'; } $( '#jb-slider' ).append( jbSliderCode ); } $( '#jb-slider' ).nivoSlider( { effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 5000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: false, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded } ); } $( '#jb-slider' ).nivoSlider(); // Show $( '.jb-background-header' ).css( { visibility: 'visible' } ); $( '.jb-background-main' ).css( { visibility: 'visible' } ); $( '.jb-background-footer' ).css( { visibility: 'visible' } ); $( '.jb-background-foot' ).css( { visibility: 'visible' } ); } ); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-143946372-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-143946372-1'); </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> [zzin]'; 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":"531320","blogId":"644431","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="//zzins.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> <!-- Noto Sans KR SIL Open Font License -->