이화경 09-28
공지사항, 자유게시판 퍼블 추가
@151b2d3f87b16fa5b60da936b68afd12989738f5
html/onSejong/index.html
--- html/onSejong/index.html
+++ html/onSejong/index.html
@@ -485,11 +485,11 @@
                                     <li>[팝업]평가 가져오기,manager/class/pop_loadHomework.html</li>
                                 </ul>
                             </li>
-                            <li class="before">공지사항
+                            <li>공지사항
                                 <ul>
                                     <li>공지사항</li>
-                                    <li>상세보기</li>
-                                    <li>글쓰기</li>
+                                    <li>상세보기,manager/class/noticeView.html</li>
+                                    <li>글쓰기,manager/class/noticeWrite.html</li>
                                 </ul>
                             </li>
                             <li class="before">질의응답
@@ -498,11 +498,11 @@
                                     <li>문의하기,manager/class/faqWrite.html</li>
                                 </ul>
                             </li>
-                            <li class="before">자유게시판
+                            <li>자유게시판
                                 <ul>
-                                    <li>자유게시판</li>
-                                    <li>상세</li>
-                                    <li>글쓰기</li>
+                                    <li>자유게시판,manager/class/board.html</li>
+                                    <li>상세,manager/class/boardView.html</li>
+                                    <li>글쓰기,manager/class/boardWrite.html</li>
                                 </ul>
                             </li>
                         </ul>
 
html/onSejong/manager/class/board.html (added)
+++ html/onSejong/manager/class/board.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <title>온세종학교</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+
+    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+
+    <!-- 공통 plugin -->
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+    <!-- //공통 plugin -->
+
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+
+    <!-- 공통 메뉴 js-->
+    <!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+        <div class="site-body" id="skipToContents">
+            <!-- <div class="class-top">
+                <div class="wrap">
+                    <div class="class-tit-area">
+                        <select title="클래스명 선택">
+                            <option value="">인공지능수학</option>
+                            <option value="">인공지능수학2</option>
+                            <option value="">인공지능수학3</option>
+                        </select>
+                    </div>
+                    <nav class="class-nav">
+                        <ul>
+                            <li><a href="#none">홈</a></li>
+                            <li><a href="#noe">수업</a></li>
+                            <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
+                            <li><a href="#noe">평가</a></li>
+                            <li><a href="#noe">공지사항</a></li>
+                            <li><a href="#noe">질의응답</a></li>
+                            <li><a href="#noe">자유게시판</a></li>
+                        </ul>
+                    </nav>
+                </div>
+            </div> -->
+            <div class="wrap">
+                <ul class="breadcrumb">
+                    <li><a href="#none" class="home">홈</a></li>
+                    <li><a href="#none">1depth</a></li>
+                    <li><a href="#none">2depth</a></li>
+                </ul>
+                <div class="page-tit-area">
+                    <div class="l-area">
+                        <h2 class="title-xlg">인공지능수학</h2>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group">
+                            <button class="btn ico-code-scan">출석QR코드</button>
+                            <button class="btn ico-people">멤버관리</button>
+                        </div>
+                    </div>
+                </div>
+                <ul class="tabs-nav-lg">
+                    <li><a href="#none">홈</a></li>
+                    <li><a href="#none">수업</a></li>
+                    <li><a href="#none">과제</a></li>
+                    <li><a href="#none">평가</a></li>
+                    <li><a href="#none">공지사항</a></li>
+                    <li><a href="#none">질의응답</a></li>
+                    <li><a href="#none" class="is-active">자유게시판(팀프로젝트)</a></li>
+                </ul>
+                <div class="section-tit-area">
+                    <div class="l-area">
+                        <h3 class="title-lg">자유게시판</h3>
+                    </div>
+                    <div class="r-area">
+                        <div class="btn-group">
+                            <a href="#none" class="btn lg cta ico-plus">글쓰기</a>
+                        </div>
+                    </div>
+                </div>
+                <div class="fnc-extend-area">
+                    <div class="extend-default-area">
+                        <div class="l-area">
+                            <p class="total">총 <em>156</em>건</p>
+                        </div>
+                        <div class="r-area">
+                            <fieldset class="search-area">
+                                <legend>검색</legend>
+                                <div class="search">
+                                    <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
+                                    <button class="btn ico-search">검색</button>
+                                </div>
+                            </fieldset>
+                        </div>
+                    </div>
+                </div>
+                <div class="txt-none">
+                    <figure>
+                        <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음"
+                            aria-hidden="true">
+                    </figure>
+                    <p>과제 목록이 비어있습니다.</p>
+                </div>
+                <div class="list-type">
+                    <table>
+                        <caption>과제 목록</caption>
+                        <colgroup>
+                            <col>
+                            <col style="width: 50%">
+                            <col>
+                            <col>
+                            <col>
+                            <!-- <col> -->
+                        </colgroup>
+                        <thead>
+                            <tr>
+                                <th scope="col">번호</th>
+                                <th scope="col">제목</th>
+                                <th scope="col">조회수</th>
+                                <th scope="col">작성자</th>
+                                <th scope="col">등록일</th>
+                                <!-- <th></th> -->
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>1</td>
+                                <td class=" align-left">
+                                    <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
+                                </td>
+                                <td>1</td>
+                                <td>학생1022</td>
+                                <td data-tit="등록일">2025-12-12</td>
+                                <!-- <td>
+                                    <div class="etc-fnc-area">
+                                        <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
+                                        <ul class="etc-fnc">
+                                            <li><a href="#none">수정</a></li>
+                                            <li><button type="button">삭제</button></li>
+                                        </ul>
+                                    </div>
+                                </td> -->
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+                <ul class="pagenation">
+                    <li class="ppv">
+                        <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
+                    </li>
+                    <li class="pv">
+                        <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                    </li> 
+                    <li class="current">
+                        <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                    </li>
+                    <li>
+                        <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                    </li>
+                    <li class="fw">
+                        <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                    </li>
+                    <li class="ffw">
+                        <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <footer class="site-footer"></footer>
+    </div>
+    <!-- toast -->
+    <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+
+    <script>
+    </script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/manager/class/boardView.html (added)
+++ html/onSejong/manager/class/boardView.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <title>온세종학교</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+
+    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+
+    <!-- 공통 plugin -->
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+    <!-- //공통 plugin -->
+ 
+    <!-- 페이지 plugin-->
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+    <!-- chart -->
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+    <!-- //chart -->
+    <!-- //페이지 plugin-->
+
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout--> 
+
+ 	<!-- 공통 메뉴 js-->
+	<!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <div class="page-tit-area">
+                    <div class="l-area">
+                        <h2 class="title-xlg">수업</h2>
+                    </div>
+                </div>
+                <section class="board-view-area wrap-md">
+                    <header class="view-header">
+                        <div class="l-area">
+                            <h3 class="title-lg">독서 모임에 관심있는 모든 친구들을 초대합니다.</h3>
+                            <ul class="info-inline-list">
+                                <li>
+                                    <i class="ico-profile"></i>
+                                    <div class="txt-area">
+                                        작성자
+                                    </div>
+                                </li>
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">
+                                        2025.09.30
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                        <di class="r-area">
+                            <div class="btn-group">
+                                <button type="button" class="btn sm ico-edit circle">수정</button>
+                                <button type="button" class="btn sm ico-delete circle">삭제</button>
+                            </div>
+                        </di>
+                    </header>
+                    <div class="view-body">
+                        <div class="view-cont">
+                            <div class="view-cont-txt-area">
+                                이번 독서모임 선정책은 에드워드 이희영의 &lt;페인트&gt;입니다. 이 책은 이희영작가의 청소년 장편소설로 저희 담임선생님의 추천작이기도 합니다. 모임 후에 학교 앞 걸작떡볶이에서 회식도 준비되있으니 꼭 댓글주세요!!!
+                            </div>
+                            <article class="view-section">
+                                <div class="item-list-box">
+                                    <div class="item">
+                                        <div class="txt-area">
+                                            <i class="ico-attach"></i>
+                                            <p class="txt">
+                                                첨부파일명.pdf
+                                            </p>
+                                            <small>124kb</small>
+                                        </div>
+                                        <div class="item-fnc-area">
+                                            <a href="#none" class="ico-download">다운로드</a>
+                                            <button type="button" class="ico-delete">삭제</button>
+                                        </div>
+                                    </div>
+                                    <div class="item"> 
+                                        <div class="txt-area">
+                                            <i class="ico-attach"></i>
+                                            <p class="txt">
+                                                첨부파일명.pdf
+                                            </p>
+                                            <small>124kb</small>
+                                        </div>
+                                        <div class="item-fnc-area">
+                                            <a href="#none" class="ico-download">다운로드</a>
+                                            <button type="button" class="ico-delete">삭제</button>
+                                        </div>
+                                    </div>
+                                    <div class="item">
+                                        <div class="txt-area">
+                                            <i class="ico-attach"></i>
+                                            <p class="txt">
+                                                첨부파일명.pdf
+                                            </p>
+                                            <small>124kb</small>
+                                        </div>
+                                        <div class="item-fnc-area">
+                                            <a href="#none" class="ico-download">다운로드</a>
+                                            <button type="button" class="ico-delete">삭제</button>
+                                        </div>
+                                    </div>
+                                    <div class="item">
+                                        <div class="txt-area">
+                                            <i class="ico-attach"></i>
+                                            <p class="txt">
+                                                첨부파일명.pdf
+                                            </p>
+                                            <small>124kb</small>
+                                        </div>
+                                        <div class="item-fnc-area">
+                                            <a href="#none" class="ico-download">다운로드</a>
+                                            <button type="button" class="ico-delete">삭제</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </article>
+                        </div>
+                        <div class="reply-fnc-area">
+                            <div class="l-area">
+                                <span class="btn-text"><i class="ico-comment"></i> 10</span>
+                            </div>
+                        </div>
+                        <div class="reply-area"></div>
+                    </div>
+                </section>
+                <div class="btn-cont">
+                    <a href="#none" class="btn lg">목록으로</a>
+                </div>
+            </div>
+        </div>
+
+        <footer class="site-footer"></footer>
+    </div>
+    
+     <!-- toast -->
+     <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/manager/class/boardWrite.html (added)
+++ html/onSejong/manager/class/boardWrite.html
@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <title>온세종학교</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+
+    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+
+    <!-- 공통 plugin -->
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+    <!-- //공통 plugin -->
+
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+
+    <!-- 공통 메뉴 js-->
+    <!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <div class="page-tit-area">
+                    <div class="l-area">
+                        <h2 class="title-xlg">글쓰기</h2>
+                    </div>
+                </div>
+                <section class="section">
+                    <div class="section-tit-area">
+                        <div class="l-area">
+                            <h3 class="txt-hide">기본 정보</h3>
+                        </div>
+                        <div class="r-area">
+                            <p class="msg"></p>
+                        </div>
+                    </div>
+                    <div class="write-type">
+                        <table>
+                            <caption>기본 정보 입력</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col>
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">제목</th>
+                                    <td>
+                                        <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">내용</th>
+                                    <td>-에디터-</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">파일 추가</th>
+                                    <td>
+                                        <div class="file-drag-area">
+                                            <input type="file" class="input-file">
+                                            <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
+                                                대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
+                                            <span class="btn ico-upload primary">파일 선택</span>
+                                        </div>
+                                        <div class="item-list-box drag-file-list">
+                                            <div class="item">
+                                                <div class="txt-area">
+                                                    <i class="ico-attach"></i>
+                                                    <p class="txt">
+                                                        첨부파일명.pdf
+                                                    </p>
+                                                    <small>124kb</small>
+                                                </div>
+                                                <div class="item-fnc-area">
+                                                    <a href="#none" class="ico-download">다운로드</a>
+                                                    <button type="button" class="ico-delete">삭제</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+                <div class="btn-cont">
+                    <a href="#none" class="btn lg">취소</a>
+                    <a href="#none" class="btn lg primary">등록</a>
+                </div>
+            </div>
+        </div>
+
+        <footer class="site-footer"></footer>
+    </div>
+    <!-- toast -->
+    <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+    <script>
+        $(document).ready(function () {
+            const maxFileSize = 300 * 1024 * 1024; //300mb
+            const maxFileCount = 1;
+
+            // 드래그 앤 드롭 이벤트 핸들링
+            $('.file-drag-area').each(function () {
+                const $fileDragArea = $(this);
+                const $fileList = $fileDragArea.siblings('.drag-file-list');
+
+                $fileDragArea.on('dragover', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.addClass('is-dragover');
+                });
+
+                $fileDragArea.on('dragleave', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.removeClass('is-dragover');
+                });
+
+                $fileDragArea.on('drop', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.removeClass('is-dragover');
+
+                    const files = e.originalEvent.dataTransfer.files;
+
+                    if (files.length > maxFileCount) {
+                        alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
+                        return;
+                    }
+
+                    handleFiles(files, $fileList);
+                });
+
+                // 파일 선택 버튼 클릭 시
+                $fileDragArea.find('.input-file').on('change', function () {
+                    const files = this.files;
+
+                    if (files.length > maxFileCount) {
+                        alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
+                        return;
+                    }
+
+                    handleFiles(files, $fileList);
+                });
+            });
+
+            function handleFiles(files, $fileList) {
+                for (const file of files) {
+                    if (file.size > maxFileSize) {
+                        alert(`${file.name}은(는) 파일 크기 제한(500KB)을 초과했습니다.`);
+                        continue;
+                    }
+
+                    const fileItem = `
+                        <div class="item">
+                            <div class="txt-area">
+                                <i class="ico-attach"></i>
+                                <p class="txt">
+                                    ${file.name}
+                                </p>
+                                <small>${(file.size / 1024).toFixed(2)} KB</small>
+                            </div>
+                            <div class="item-fnc-area">
+                                <a href="#none" class="ico-download">다운로드</a>
+                                <button type="button" class="ico-delete">삭제</button>
+                            </div>
+                        </div>
+                     `;
+
+
+                    $fileList.append(fileItem);
+                }
+            }
+
+            // 파일 삭제 버튼 클릭 시
+            $(document).on('click', '.item .ico-delete', function () {
+                $(this).closest('.item').remove();
+            });
+        });
+
+    </script>
+    <script>
+        $(document).ready(function () {
+            $(".a-write-list").sortable({
+                handle: $(".a-write-list > li").find(".ico-move"),
+                containment: "parent",
+                update: function (event, ui) {
+                    var $list = $(this).children("li");
+                    $list.each(function () {
+                        var $li = $(this);
+                        var newVal = $(this).index() + 1;
+                        $(this).find(".num").html(newVal);
+                    });
+                },
+            });
+        });
+    </script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
html/onSejong/manager/class/homework.html
--- html/onSejong/manager/class/homework.html
+++ html/onSejong/manager/class/homework.html
@@ -42,8 +42,29 @@
     <div class="container">
         <!-- 통합 헤더 및 네비게이션 -->
         <header class="site-header"></header>
-
         <div class="site-body" id="skipToContents">
+            <!-- <div class="class-top">
+                <div class="wrap">
+                    <div class="class-tit-area">
+                        <select title="클래스명 선택">
+                            <option value="">인공지능수학</option>
+                            <option value="">인공지능수학2</option>
+                            <option value="">인공지능수학3</option>
+                        </select>
+                    </div>
+                    <nav class="class-nav">
+                        <ul>
+                            <li><a href="#none">홈</a></li>
+                            <li><a href="#noe">수업</a></li>
+                            <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
+                            <li><a href="#noe">평가</a></li>
+                            <li><a href="#noe">공지사항</a></li>
+                            <li><a href="#noe">질의응답</a></li>
+                            <li><a href="#noe">자유게시판</a></li>
+                        </ul>
+                    </nav>
+                </div>
+            </div> -->
             <div class="wrap">
                 <ul class="breadcrumb">
                     <li><a href="#none" class="home">홈</a></li>
 
html/onSejong/manager/class/notice.html (added)
+++ html/onSejong/manager/class/notice.html
@@ -0,0 +1,529 @@
+<!DOCTYPE html>
+<html lang="ko">
+    <head>
+        <title>온세종학교</title>
+
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        <meta name="Author" content="" />
+        <meta name="Keywords" content="" />
+        <meta name="Description" content="" />
+        <meta name="format-detection" content="telephone=no" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
+
+        <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
+
+        <!-- 공통 plugin -->
+        <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+        <!-- //공통 plugin -->
+
+        <!-- 페이지 plugin-->
+        <!-- //페이지 plugin-->
+        <!-- 공통 퍼블 layout: 개발시 삭제-->
+        <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+        <!--//퍼블 layout-->
+
+        <!-- 공통 메뉴 js-->
+        <!-- //공통 메뉴 js -->
+
+        <!--공통 퍼블 js-->
+        <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+        <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+        <!--//공통 퍼블 js-->
+    </head>
+
+    <body>
+        <div class="accessibility">
+            <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+        </div>
+        <!-- for-teacher / for-student -->
+        <div class="container">
+            <!-- 통합 헤더 및 네비게이션 -->
+            <header class="site-header"></header>
+
+            <div class="site-body" id="skipToContents">
+                <div class="wrap">
+                    <ul class="breadcrumb">
+                        <li><a href="#none" class="home">홈</a></li>
+                        <li><a href="#none">1depth</a></li>
+                        <li><a href="#none">2depth</a></li>
+                    </ul>
+                    <div class="page-tit-area">
+                        <div class="l-area">
+                            <h2 class="title-xlg">인공지능수학</h2>
+                        </div>
+                        <div class="r-area">
+                            <div class="btn-group">
+                                <button class="btn ico-code-scan">출석QR코드</button>
+                                <button class="btn ico-people">멤버관리</button>
+                            </div>
+                        </div>
+                    </div>
+                    <ul class="tabs-nav-lg">
+                        <li><a href="#none">홈</a></li>
+                        <li><a href="#none">수업</a></li>
+                        <li><a href="#none">과제</a></li>
+                        <li><a href="#none" class="is-active">평가</a></li>
+                        <li><a href="#none">공지사항</a></li>
+                        <li><a href="#none">질의응답</a></li>
+                        <li><a href="#none">자유게시판(팀프로젝트)</a></li>
+                    </ul>
+                    <div class="fnc-extend-area">
+                        <div class="extend-default-area">
+                            <div class="l-area">
+                                <p class="total">총 <em>156</em>건</p>
+                            </div>
+                            <div class="r-area">
+                                <fieldset class="search-area">
+                                    <legend>검색</legend>
+                                    <div class="search">
+                                        <input
+                                            type="text"
+                                            placeholder="검색어를 입력하세요"
+                                            title="검색어를 입력하세요"
+                                        />
+                                        <button class="btn ico-search">검색</button>
+                                    </div>
+                                </fieldset>
+                            </div>
+                        </div>
+                        <div class="extend-filter-area">
+                            <div class="l-area">
+                                <fieldset class="filter-group">
+                                    <legend>필터 선택</legend>
+                                    <label class="chip"
+                                        ><input type="radio" name="chipC" checked="" /><span>전체</span></label
+                                    >
+                                    <label class="chip"><input type="radio" name="chipC" /><span>포털</span></label>
+                                    <label class="chip"><input type="radio" name="chipC" /><span>다채움</span></label>
+                                    <label class="chip"><input type="radio" name="chipC" /><span>체인지</span></label>
+                                </fieldset>
+                            </div>
+                            <div class="r-area"></div>
+                        </div>
+                    </div>
+                    <ul class="box-list">
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <div class="labl-area">
+                                <span class="label blue">다채움</span>
+                            </div>
+                            <h3>
+                                창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
+                                중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                            </h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2024.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                <img
+                                    src="../../../../../resources/front/site/SITE_00002/images/custom/main/visual1.png"
+                                    alt="메인 배너"
+                                />
+                                창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의
+                                전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해
+                                창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이
+                                본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <div class="labl-area">
+                                <span class="label green">체인지</span>
+                            </div>
+                            <h3>창의성은 기억에서 나온다</h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2024.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                <img
+                                    src="../../../../../resources/front/site/SITE_00002/images/custom/main/visual1.png"
+                                    alt="메인 배너"
+                                />
+                                <a
+                                    href="/cop/bbs/selectBoardArticle.do?nttNo=61&amp;bbsId=BBSMSTR_000000000001&amp;fromMain=Y"
+                                    target="_blank"
+                                >
+                                    <p>
+                                        다채움 2.0 영상 매뉴얼(교사용, 학생용, 학부모용)과 따라하기
+                                        가이드북(학생용)입니다.
+                                    </p>
+                                    <p>1. 다채움 2.0 영상 매뉴얼(교사용) https://www.youtube.com/watch?v=x3CKYd6KA6o</p>
+                                </a>
+                                <p>
+                                    <a
+                                        href="/cop/bbs/selectBoardArticle.do?nttNo=61&amp;bbsId=BBSMSTR_000000000001&amp;fromMain=Y"
+                                        target="_blank"
+                                        >2.&nbsp;다채움 2.0 영상 매뉴얼(학생용)&nbsp;</a
+                                    ><a href="https://www.youtube.com/watch?v=Mx_nWeb7Q44"
+                                        >https://www.youtube.com/watch?v=Mx_nWeb7Q44</a
+                                    >
+                                </p>
+                                <p>
+                                    3.&nbsp;다채움 2.0 영상 매뉴얼(학부모용) https://www.youtube.com/watch?v=REW16hOCo5k
+                                </p>
+                                <p>4. 다채움 2.0 따라하기 가이드북(학생용) - 첨부파일 참고</p>
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <div class="labl-area">
+                                <span class="label yellow">포털</span>
+                            </div>
+                            <h3>
+                                창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
+                                중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                            </h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2024.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의
+                                전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해
+                                창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이
+                                본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none" class="lnk-full">상세보기</a>
+                            <div class="labl-area">
+                                <span class="label red">늘봄</span>
+                            </div>
+                            <h3>
+                                창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의
+                                중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                            </h3>
+                            <ul class="info-inline-list no-style">
+                                <li>
+                                    <i class="ico-calendar"></i>
+                                    <div class="txt-area">2024.07.01</div>
+                                </li>
+                                <li>
+                                    <i class="ico-visibility"></i>
+                                    <div class="txt-area">134</div>
+                                </li>
+                            </ul>
+                            <div class="txt-area editor-img-none">
+                                창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의
+                                전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해
+                                창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이
+                                본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라
+                            </div>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label blue">다채움</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label green">체인지</span>
+                                </div>
+                                <h3>창의성은 기억에서 나온다</h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area">창의성은 단순히 천재들의 전유물이 아닙니다.</div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label yellow">포털</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label red">늘봄</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label blue">다채움</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label green">체인지</span>
+                                </div>
+                                <h3>창의성은 기억에서 나온다</h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area">창의성은 단순히 천재들의 전유물이 아닙니다.</div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label yellow">포털</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#none">
+                                <div class="labl-area">
+                                    <span class="label red">늘봄</span>
+                                </div>
+                                <h3>
+                                    창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한
+                                    경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성창의성은 기억에서 나온다
+                                    : 다양한 경험의 중요성창의성은 기억에서 나온다 : 다양한 경험의 중요성
+                                </h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">2024.07.01</div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">134</div>
+                                    </li>
+                                </ul>
+                                <div class="txt-area editor-img-none">
+                                    창의성은 단순히 천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로
+                                    축적된 경험들을 통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히
+                                    천재들의 전유물이 아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을
+                                    통해 창의성은 단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이
+                                    아닙니다. 많은 연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은
+                                    단순히 천재들의 전유물이 아니라창의성은 단순히 천재들의 전유물이 아닙니다. 많은
+                                    연구와 사례들이 창의성이 본질적으로 축적된 경험들을 통해 창의성은 단순히 천재들의
+                                    전유물이 아니라
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                    <ul class="pagenation">
+                        <li class="ppv">
+                            <a
+                                href="#none"
+                                class="btn ico-ppv circle sm"
+                                title="전체 목록에서 가장 처음 목록으로 이동합니다"
+                                >처음으로</a
+                            >
+                        </li>
+                        <li class="pv">
+                            <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
+                        </li>
+                        <li class="current">
+                            <a href="#none" title="1번째 목록으로 이동합니다">1</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="2번째 목록으로 이동합니다">2</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="3번째 목록으로 이동합니다">3</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="4번째 목록으로 이동합니다">4</a>
+                        </li>
+                        <li>
+                            <a href="#none" title="5번째 목록으로 이동합니다">5</a>
+                        </li>
+                        <li class="fw">
+                            <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
+                        </li>
+                        <li class="ffw">
+                            <a
+                                href="#none"
+                                class="btn ico-ffw circle sm"
+                                title="전체 목록에서 가장 마지막 목록으로 이동합니다"
+                                >끝으로</a
+                            >
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <footer class="site-footer"></footer>
+        </div>
+        <!-- toast -->
+        <div class="toast"></div>
+
+        <!--popup-->
+        <div class="dim"></div>
+
+        <script></script>
+    </body>
+</html>
 
html/onSejong/manager/class/noticeView.html (added)
+++ html/onSejong/manager/class/noticeView.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <title>온세종학교</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+
+    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+
+    <!-- 공통 plugin -->
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+    <!-- //공통 plugin -->
+ 
+    <!-- 페이지 plugin-->
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
+    <!-- chart -->
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
+    <!-- //chart -->
+    <!-- painter -->
+    <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script>
+    <!-- //painter -->
+    <!-- //페이지 plugin-->
+
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout--> 
+
+ 	<!-- 공통 메뉴 js-->
+	<!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+
+        <div class="site-body" id="skipToContents">
+            <div class="contents">
+                <div class="wrap">
+                    <div class="page-tit-area">
+                        <div class="l-area dir-col">
+                            <h2 class="title-xlg">공지사항</h2>
+                            <p class="txt-sub">포털, 다채움, 체인지 등에 올라온 소식들을 간편하게 확인할 수 있습니다.<br>
+                                업데이트 된 새로운 정보와 공지사항을 알려드립니다.</p>
+                        </div>
+                    </div>
+                    <section class="section view-area">
+                        <header class="view-header">
+                            <div class="l-area">
+                                <h3 class="title-lg"><span class="label blue">고정게시물</span> <strong>상세보기 제목상세보기제목상세보기 제목상세보기</strong></h3>
+                                <ul class="info-inline-list no-style">
+                                    <li>
+                                        <i class="ico-calendar"></i>
+                                        <div class="txt-area">
+                                            2024.07.01
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-profile"></i>
+                                        <div class="txt-area">
+                                            관리자
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <i class="ico-visibility"></i>
+                                        <div class="txt-area">
+                                            134
+                                        </div>
+                                    </li>
+                                </ul>
+                            </div>
+                        </header>
+                        <div class="view-body">
+                            <div class="view-txt">
+                                상세보기 내용 영역입니다.<br>
+                                상세보기 내용 영역입니다.<br>
+                                상세보기 내용 영역입니다.
+                            </div>
+                            <div class="view-txt view-editor-cont">
+                                <p><strong>□ 업데이트 일정 : 2025년 12월 5일(금) 오후 2시경</strong></p>
+                                <p>○ 앱 노출 시간은 앱스토어 사정에 따라 상이할 수 있습니다.</p>
+                                <p>○ PC앱은 선택 업데이트 방식으로 [설정 > 애플리케이션 정보]를 통해서도 최신 버전으로 업데이트 할 수 있습니다.</p>
+                                <p>&nbsp;</p>
+                                <p><strong>□ 업데이트 내용</strong></p>
+                                <p>○ 앱 노출 시간은 앱스토어 사정에 따라 상이할 수 있습니다.</p>
+                                <p>○ PC앱은 선택 업데이트 방식으로 [설정 > 애플리케이션 정보]를 통해서도 최신 버전으로 업데이트 할 수 있습니다.</p>
+                            </div>
+                            <article class="view-info-area">
+                                <h3 class="txt-hide">상세보기 정보</h3>
+                                <ul class="info-list">
+                                    <li>
+                                        <strong class="info-tit">첨부파일</strong>
+                                        <div class="txt-area">
+                                            <ul class="file-list">
+                                                <li><a href="#none"><i class="ico-attach"></i><p>연립일차방정식 활용교재.pdf</p><small>46KB</small></a></li>
+                                                <li><a href="#none"><i class="ico-attach"></i><p>연립일차방정식 활용교재.pdf</p><small>46KB</small></a></li>
+                                            </ul>
+                                        </div>
+                                    </li>
+                                </ul>
+                            </article>
+                        </div>
+                    </section>
+                    <div class="btn-cont">
+                        <a href="#none" class="btn primary lg">목록으로</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <footer class="site-footer"></footer>
+    </div>
+     <!-- toast -->
+     <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
 
html/onSejong/manager/class/noticeWrite.html (added)
+++ html/onSejong/manager/class/noticeWrite.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <title>온세종학교</title>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Author" content="">
+    <meta name="Keywords" content="">
+    <meta name="Description" content="">
+    <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+
+    <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
+
+    <!-- 공통 plugin -->
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
+    <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
+    <!-- //공통 plugin -->
+
+    <!-- 페이지 plugin-->
+    <!-- //페이지 plugin-->
+    <!-- 공통 퍼블 layout: 개발시 삭제-->
+    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
+    <!--//퍼블 layout-->
+
+    <!-- 공통 메뉴 js-->
+    <!-- //공통 메뉴 js -->
+
+    <!--공통 퍼블 js-->
+    <script src="/resources/front/site/SITE_00000/js/common.js"></script>
+	<script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
+    <!--//공통 퍼블 js-->
+</head>
+
+<body>
+    <div class="accessibility">
+        <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
+    </div>
+    <!-- for-teacher / for-student -->
+    <div class="container">
+        <!-- 통합 헤더 및 네비게이션 -->
+        <header class="site-header"></header>
+
+        <div class="site-body" id="skipToContents">
+            <div class="wrap">
+                <div class="page-tit-area">
+                    <div class="l-area">
+                        <h2 class="title-xlg">글쓰기</h2>
+                    </div>
+                </div>
+                <section class="section">
+                    <div class="section-tit-area">
+                        <div class="l-area">
+                            <h3 class="txt-hide">기본 정보</h3>
+                        </div>
+                        <div class="r-area">
+                            <p class="msg"></p>
+                        </div>
+                    </div>
+                    <div class="write-type">
+                        <table>
+                            <caption>기본 정보 입력</caption>
+                            <colgroup>
+                                <col style="width: 160px;">
+                                <col>
+                            </colgroup>
+                            <tbody>
+                                <tr>
+                                    <th scope="row">제목</th>
+                                    <td>
+                                        <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4">
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">내용</th>
+                                    <td>-에디터-</td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">파일 추가</th>
+                                    <td>
+                                        <div class="file-drag-area">
+                                            <input type="file" class="input-file">
+                                            <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
+                                                대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
+                                            <span class="btn ico-upload primary">파일 선택</span>
+                                        </div>
+                                        <div class="item-list-box drag-file-list">
+                                            <div class="item">
+                                                <div class="txt-area">
+                                                    <i class="ico-attach"></i>
+                                                    <p class="txt">
+                                                        첨부파일명.pdf
+                                                    </p>
+                                                    <small>124kb</small>
+                                                </div>
+                                                <div class="item-fnc-area">
+                                                    <a href="#none" class="ico-download">다운로드</a>
+                                                    <button type="button" class="ico-delete">삭제</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <th scope="row">게시물 고정</th>
+                                    <td>
+                                        <fieldset class="checkradio-area">
+                                            <legend>게시물 고정</legend>
+                                            <div class="checkradio">
+                                                <input type="radio" name="radio1" id="radio1" checked>
+                                                <label for="radio5-1">고정안함</label>
+                                            </div>
+                                            <div class="checkradio">
+                                                <input type="radio" name="radio2" id="radio2">
+                                                <label for="radio2">고정</label>
+                                            </div>
+                                        </fieldset>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </section>
+                <div class="btn-cont">
+                    <a href="#none" class="btn lg">취소</a>
+                    <a href="#none" class="btn lg primary">등록</a>
+                </div>
+            </div>
+        </div>
+
+        <footer class="site-footer"></footer>
+    </div>
+    <!-- toast -->
+    <div class="toast"></div>
+
+    <!--popup-->
+    <div class="dim"></div>
+    <script>
+        $(document).ready(function () {
+            const maxFileSize = 300 * 1024 * 1024; //300mb
+            const maxFileCount = 1;
+
+            // 드래그 앤 드롭 이벤트 핸들링
+            $('.file-drag-area').each(function () {
+                const $fileDragArea = $(this);
+                const $fileList = $fileDragArea.siblings('.drag-file-list');
+
+                $fileDragArea.on('dragover', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.addClass('is-dragover');
+                });
+
+                $fileDragArea.on('dragleave', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.removeClass('is-dragover');
+                });
+
+                $fileDragArea.on('drop', function (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    $fileDragArea.removeClass('is-dragover');
+
+                    const files = e.originalEvent.dataTransfer.files;
+
+                    if (files.length > maxFileCount) {
+                        alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
+                        return;
+                    }
+
+                    handleFiles(files, $fileList);
+                });
+
+                // 파일 선택 버튼 클릭 시
+                $fileDragArea.find('.input-file').on('change', function () {
+                    const files = this.files;
+
+                    if (files.length > maxFileCount) {
+                        alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
+                        return;
+                    }
+
+                    handleFiles(files, $fileList);
+                });
+            });
+
+            function handleFiles(files, $fileList) {
+                for (const file of files) {
+                    if (file.size > maxFileSize) {
+                        alert(`${file.name}은(는) 파일 크기 제한(500KB)을 초과했습니다.`);
+                        continue;
+                    }
+
+                    const fileItem = `
+                        <div class="item">
+                            <div class="txt-area">
+                                <i class="ico-attach"></i>
+                                <p class="txt">
+                                    ${file.name}
+                                </p>
+                                <small>${(file.size / 1024).toFixed(2)} KB</small>
+                            </div>
+                            <div class="item-fnc-area">
+                                <a href="#none" class="ico-download">다운로드</a>
+                                <button type="button" class="ico-delete">삭제</button>
+                            </div>
+                        </div>
+                     `;
+
+
+                    $fileList.append(fileItem);
+                }
+            }
+
+            // 파일 삭제 버튼 클릭 시
+            $(document).on('click', '.item .ico-delete', function () {
+                $(this).closest('.item').remove();
+            });
+        });
+
+    </script>
+    <script>
+        $(document).ready(function () {
+            $(".a-write-list").sortable({
+                handle: $(".a-write-list > li").find(".ico-move"),
+                containment: "parent",
+                update: function (event, ui) {
+                    var $list = $(this).children("li");
+                    $list.each(function () {
+                        var $li = $(this);
+                        var newVal = $(this).index() + 1;
+                        $(this).find(".num").html(newVal);
+                    });
+                },
+            });
+        });
+    </script>
+</body>
+
+</html>(파일 끝에 줄바꿈 문자 없음)
Add a comment
List