Code - 2025_PROJECT/orgasis

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>퍼블리싱 가이드 | 베이스 프로젝트 제작</title> <link rel="stylesheet" href="./guide.css" /> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script src="./guide.js"></script> </head> <body> <div class="guide_wrap"> <h1>퍼블리싱 가이드</h1> <div class="guide_info"> <ul> <li><strong>프로젝트명 :</strong> 베이스 프로젝트 제작</li> <li><strong>담당자 :</strong> 정수빈</li> <li><strong>작성일 :</strong> 2025-11-07</li> <li><strong>파일경로 :</strong> /publish/</li> </ul> </div> <div class="filter_wrap"> <button class="filter_btn active" data-filter="all">전체보기</button> <button class="filter_btn" data-filter="done">완료</button> <button class="filter_btn" data-filter="ing">작업중</button> <button class="filter_btn" data-filter="wait">대기</button> </div> <table class="tb_guide"> <thead> <tr> <th scope="col">No</th> <th scope="col">1Depth</th> <th scope="col">2Depth</th> <th scope="col">페이지명</th> <th scope="col">파일명</th> <th scope="col">상태</th> <th scope="col">비고</th> </tr> </thead> <tbody> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_header.html" target="_blank" title="새창 열림">헤더</a></td> <td>/layout/_header.html</td> <td class="ing">작업중</td> <td>-</td> </tr> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_footer.html" target="_blank" title="새창 열림">푸터</a></td> <td>/layout/_footer.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_sidemenu.html" target="_blank" title="새창 열림">사이드메뉴</a></td> <td>/layout/_sidemenu.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>공통</td> <td>-</td> <td><a href="../layout/_sub_title.html" target="_blank" title="새창 열림">콘텐츠 타이틀</a></td> <td>/layout/_sub_title.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>메인</td> <td>-</td> <td><a href="../index.html" target="_blank" title="새창 열림">메인 페이지</a></td> <td>main.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>리스트</td> <td>-</td> <td><a href="../menu1/list.html" target="_blank" title="새창 열림">리스트</a></td> <td>/menu1/list.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>리스트 상세</td> <td>-</td> <td><a href="../menu1/list_view.html" target="_blank" title="새창 열림">리스트 상세</a></td> <td>/menu1/list_view.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>리스트 등록</td> <td>-</td> <td><a href="../menu1/list_reg.html" target="_blank" title="새창 열림">리스트 등록</a></td> <td>/menu1/list_reg.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>게시판 상세</td> <td>-</td> <td><a href="../menu1/board_view.html" target="_blank" title="새창 열림">게시판 상세</a></td> <td>/menu1/board_view.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>갤러리형 게시판</td> <td>-</td> <td><a href="../menu1/list_gallery.html" target="_blank" title="새창 열림">갤러리형 게시판</a></td> <td>/menu1/list_gallery.html</td> <td class="done">완료</td> <td>-</td> </tr> <tr> <td></td> <td>자주하는 질문</td> <td>-</td> <td><a href="../menu1/faq.html" target="_blank" title="새창 열림">자주하는 질문</a></td> <td>/menu1/faq.html</td> <td class="done">완료</td> <td>-</td> </tr> </tbody> </table>  <section class="guide_section"> <h2>Button (버튼)</h2> <h3>Filled Button</h3> <div class="btn_wrap"> <button class="btn fill primary small">Primary</button> <button class="btn fill secondary small">Secondary</button> <button class="btn fill accent small">Accent</button> <button class="btn fill red small">Red</button> <button class="btn fill green small">Green</button> <button class="btn fill gray small">Gray</button> </div> <h3>Line Button</h3> <div class="btn_wrap"> <button class="btn line primary small">Primary</button> <button class="btn line secondary small">Secondary</button> <button class="btn line accent small">Accent</button> <button class="btn line red small">Red</button> <button class="btn line gray small">Gray</button> </div> <h3>Size Variation</h3> <div class="btn_wrap"> <button class="btn fill gray xssmall">xssmall</button> <button class="btn fill gray ssmall">ssmall</button> <button class="btn fill gray small">small</button> <button class="btn fill gray medium">medium</button> <button class="btn fill gray large">large</button> <button class="btn fill gray xlarge">xlarge</button> </div> </section>  <section class="guide_section"> <h2>Input / Textarea / Select</h2> <h3>Input</h3> <div class="form_wrap"> <input type="text" class="input w50per" placeholder="제목을 입력해주세요."> <span class="input_desc">* 필수입력 항목입니다.</span> </div> <h3>Textarea</h3> <div class="form_wrap"> <textarea name="" id="" class="textarea w100per" rows="5"></textarea> <div class="input_desc_wrap column"> <span class="input_desc red">* 필수입력 항목입니다.</span> <span class="input_desc blue">* 필수입력 항목입니다.</span> </div> </div> <h3>Email</h3> <div class="form_wrap email_wrap"> <input type="text" class="input email emain_id"><span class="text_split">@</span><input type="text" class="input email email_domain"> <select name="" id="" class="select"> <option value="">gmail.com</option> <option value="">naver.com</option> <option value="">kakao.com</option> <option value="">직접입력</option> </select> </div> <h3>Address</h3> <div class="form_wrap address_wrap"> <div class="address_row"> <input type="text" class="input input_post readonly" readonly><button type="button" class="btn medium line primary">우편번호 찾기</button> </div> <div class="address_row"> <input type="text" class="input adr_default readonly" readonly> <input type="text" class="input adr_detail"> </div> <span class="input_desc red">* 필수입력 항목입니다.</span> </div> </section>  <section class="guide_section"> <h2>Checkbox / Radio</h2> <h3>Checkbox</h3> <div class="form_wrap radio_wrap"> <label for="man" class="radio_item"> <input type="radio" name="jender" id="man"> <span>남성</span> </label> <label for="woman" class="radio_item"> <input type="radio" name="jender" id="woman"> <span>여성</span> </label> <span class="input_desc red">* 필수입력 항목입니다.</span> </div> <h3>Radio</h3> <div class="form_wrap checkbox_wrap"> <label for="check_all" class="checkbox_item"> <input type="checkbox" name="check" id="check_all"> <span>전체</span> </label> <label for="check_1" class="checkbox_item"> <input type="checkbox" name="check" id="check_1"> <span>항목1</span> </label> <label for="check_2" class="checkbox_item"> <input type="checkbox" name="check" id="check_2"> <span>항목2</span> </label> <label for="check_3" class="checkbox_item"> <input type="checkbox" name="check" id="check_3"> <span>항목3</span> </label> </div> </section>  <section class="guide_section"> <h2>Status</h2> <div class="status_wrap"> <span class="status line blue">진행중</span> <span class="status line gray">완료</span> <span class="status text blue">접수</span> <span class="status text gray">마감</span> </div> </section>  <section class="guide_section"> <h2>Pagination (페이지)</h2> <div class="page"> <a href="#" class="btn_page btn_first"><i></i></a> <a href="#" class="btn_page btn_prev"><i></i></a> <a href="#" class="active">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#" class="btn_page btn_next"><i></i></a> <a href="#" class="btn_page btn_last"><i></i></a> </div> </section> </div> </body> </html>