Commit @33a6b5ac25dc9a507f05e78813c8919952023cc2

이화경 09-24

퍼블 추가

@33a6b5ac25dc9a507f05e78813c8919952023cc2

33a6b5a

html/onSejong/manager/_layout/classView.html (added)

+++ html/onSejong/manager/_layout/classView.html

...	...	@@ -0,0 +1,185 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	+
	17	+ <!-- 공통 plugin -->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	+ <!-- //공통 plugin -->
	21	+
	22	+ <!-- 페이지 plugin-->
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	24	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	25	+ <!-- chart -->
	26	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	27	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	28	+ <!-- //chart -->
	29	+ <!-- //페이지 plugin-->
	30	+
	31	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	32	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	33	+ <!--//퍼블 layout-->
	34	+
	35	+ <!-- 공통 메뉴 js-->
	36	+ <!-- //공통 메뉴 js -->
	37	+
	38	+ <!--공통 퍼블 js-->
	39	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	40	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	41	+ <!--//공통 퍼블 js-->
	42	+</head>
	43	+
	44	+<body>
	45	+ <div class="accessibility">
	46	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	47	+ </div>
	48	+ <!-- for-teacher / for-student -->
	49	+ <div class="container">
	50	+ <!-- 통합 헤더 및 네비게이션 -->
	51	+ <header class="site-header"></header>
	52	+
	53	+ <div class="site-body" id="skipToContents">
	54	+ <div class="wrap">
	55	+ <div class="page-tit-area">
	56	+ <div class="l-area">
	57	+ <h2 class="title-xlg">수업</h2>
	58	+ </div>
	59	+ </div>
	60	+ <section class="board-view-area wrap-md">
	61	+ <header class="view-header">
	62	+ <div class="l-area">
	63	+ <h3 class="title-lg">텍스트자료의 표현과 분류</h3>
	64	+ <ul class="info-inline-list">
	65	+ <li>
	66	+ <i class="ico-profile"></i>
	67	+ <div class="txt-area">
	68	+ 작성자
	69	+ </div>
	70	+ </li>
	71	+ <li>
	72	+ <i class="ico-calendar"></i>
	73	+ <div class="txt-area">
	74	+ 2025.09.30
	75	+ </div>
	76	+ </li>
	77	+ </ul>
	78	+ </div>
	79	+ <di class="r-area">
	80	+ <div class="btn-group">
	81	+ <button type="button" class="btn sm ico-edit circle">수정</button>
	82	+ <button type="button" class="btn sm ico-delete circle">삭제</button>
	83	+ </div>
	84	+ </di>
	85	+ </header>
	86	+ <div class="view-body">
	87	+ <div class="view-cont">
	88	+ <div class="view-cont-tit-area">
	89	+ <div class="l-area">
	90	+ <span class="label primary-inverse">학습기간</span>
	91	+ <h4 class="title-sm font-color-primary">기한 없음</h4>
	92	+ </div>
	93	+ <div class="r-area">
	94	+ <a href="#none" class="btn-text primary">문제풀이결과 <i class="ico-circle-chevron-right primary"></i></a>
	95	+ <a href="#none" class="btn-text primary">9명 중 <em class="accent">6</em>명 학습완료<i class="ico-circle-chevron-right primary"></i></a>
	96	+ </div>
	97	+ </div>
	98	+ <div class="view-cont-txt-area">
	99	+ 소리가 조음기관에 의해 부분적으로 또는 전체적으로 막혀서 나는 소리이다. 조음기관끼리 닿아서 나는 소리이기에 닿소리라고도 한다.예를 들자면 ㅋ은 혀의 뒤쪽으로 공기를 막아서 발음한다. ㅌ는 혀의 앞쪽으로, ㅍ은 두 입술로 발음하며, ㅎ는 목구멍을 이용한다. ㅁ과 ㄴ의 경우에는 코를 통해 공기를 막아서 발음한다. 당연히 비교되는 것은 모음.여기서 성대가 울리느냐, 울리지 않느냐에 따라 유성음/무성음 구분이 생긴다.한국어의 자음은 단독으로 소리를 내지 않는다. 따라서 한글은 자음이 단독으로 나오는 소리를 표기할 방법이 없다. 영상을 보고 미리 학습해봅시다.
	100	+ </div>
	101	+ <article class="view-section">
	102	+ <div class="item-list-box">
	103	+ <div class="item">
	104	+ <div class="txt-area">
	105	+ <i class="ico-attach"></i>
	106	+ <p class="txt">
	107	+ 첨부파일명.pdf
	108	+ </p>
	109	+ <small>124kb</small>
	110	+ </div>
	111	+ <div class="item-fnc-area">
	112	+ <a href="#none" class="ico-download">다운로드</a>
	113	+ <button type="button" class="ico-delete">삭제</button>
	114	+ </div>
	115	+ </div>
	116	+ <div class="item">
	117	+ <div class="txt-area">
	118	+ <i class="ico-attach"></i>
	119	+ <p class="txt">
	120	+ 첨부파일명.pdf
	121	+ </p>
	122	+ <small>124kb</small>
	123	+ </div>
	124	+ <div class="item-fnc-area">
	125	+ <a href="#none" class="ico-download">다운로드</a>
	126	+ <button type="button" class="ico-delete">삭제</button>
	127	+ </div>
	128	+ </div>
	129	+ <div class="item">
	130	+ <div class="txt-area">
	131	+ <i class="ico-attach"></i>
	132	+ <p class="txt">
	133	+ 첨부파일명.pdf
	134	+ </p>
	135	+ <small>124kb</small>
	136	+ </div>
	137	+ <div class="item-fnc-area">
	138	+ <a href="#none" class="ico-download">다운로드</a>
	139	+ <button type="button" class="ico-delete">삭제</button>
	140	+ </div>
	141	+ </div>
	142	+ <div class="item">
	143	+ <div class="txt-area">
	144	+ <i class="ico-attach"></i>
	145	+ <p class="txt">
	146	+ 첨부파일명.pdf
	147	+ </p>
	148	+ <small>124kb</small>
	149	+ </div>
	150	+ <div class="item-fnc-area">
	151	+ <a href="#none" class="ico-download">다운로드</a>
	152	+ <button type="button" class="ico-delete">삭제</button>
	153	+ </div>
	154	+ </div>
	155	+ </div>
	156	+ </article>
	157	+ <div class="btn-fnc-cont">
	158	+ <div class="r-area"><a href="#none" class="btn lg cta back ico-arrow-right">화상수업 시작</a></div>
	159	+ </div>
	160	+ </div>
	161	+ <div class="reply-fnc-area">
	162	+ <div class="l-area">
	163	+ <span class="btn-text"><i class="ico-comment"></i> 10</span>
	164	+ </div>
	165	+ </div>
	166	+ <div class="reply-area"></div>
	167	+ </div>
	168	+ </section>
	169	+ <div class="btn-cont">
	170	+ <a href="#none" class="btn lg">목록으로</a>
	171	+ </div>
	172	+ </div>
	173	+ </div>
	174	+
	175	+ <footer class="site-footer"></footer>
	176	+ </div>
	177	+
	178	+ <!-- toast -->
	179	+ <div class="toast"></div>
	180	+
	181	+ <!--popup-->
	182	+ <div class="dim"></div>
	183	+</body>
	184	+
	185	+</html>(파일 끝에 줄바꿈 문자 없음)

33a6b5a

html/onSejong/manager/_layout/classkWrite.html (added)

+++ html/onSejong/manager/_layout/classkWrite.html

...	...	@@ -0,0 +1,737 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	+
	17	+ <!-- 공통 plugin -->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	+ <!-- //공통 plugin -->
	21	+
	22	+ <!-- 페이지 plugin-->
	23	+ <!-- //페이지 plugin-->
	24	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	25	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	26	+ <!--//퍼블 layout-->
	27	+
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+
	31	+ <!--공통 퍼블 js-->
	32	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	33	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	34	+ <!--//공통 퍼블 js-->
	35	+</head>
	36	+
	37	+<body>
	38	+ <div class="accessibility">
	39	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	40	+ </div>
	41	+ <!-- for-teacher / for-student -->
	42	+ <div class="container">
	43	+ <!-- 통합 헤더 및 네비게이션 -->
	44	+ <header class="site-header"></header>
	45	+
	46	+ <div class="site-body" id="skipToContents">
	47	+ <div class="wrap">
	48	+ <div class="page-tit-area">
	49	+ <div class="l-area">
	50	+ <h2 class="title-xlg">수업 만들기</h2>
	51	+ </div>
	52	+ </div>
	53	+ <section class="section">
	54	+ <div class="summary">
	55	+ <i class="ico-info"></i>
	56	+ <div class="txt-area">
	57	+ <p>아래 정보를 입력해 수업을 만들어보세요.</p>
	58	+ </div>
	59	+ </div>
	60	+ <div class="section-tit-area">
	61	+ <div class="l-area">
	62	+ <h3 class="txt-hide">기본 정보</h3>
	63	+ </div>
	64	+ <div class="r-area">
	65	+ <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
	66	+ </div>
	67	+ </div>
	68	+ <div class="write-type">
	69	+ <table>
	70	+ <caption>기본 정보 입력</caption>
	71	+ <colgroup>
	72	+ <col style="width: 160px;">
	73	+ <col>
	74	+ </colgroup>
	75	+ <tbody>
	76	+ <tr>
	77	+ <th scope="row">수업문류<i class="required">필수</i></th>
	78	+ <td>
	79	+ <fieldset>
	80	+ <legend>클래스 선택</legend>
	81	+ <div class="checkradio">
	82	+ <input type="radio" name="radio1" id="r1-1" checked>
	83	+ <label for="r1-1">대면수업</label>
	84	+ </div>
	85	+ <div class="checkradio">
	86	+ <input type="radio" name="radio1" id="r1-2">
	87	+ <label for="r1-2">영상수업</label>
	88	+ </div>
	89	+ <div class="checkradio">
	90	+ <input type="radio" name="radio1" id="r1-3">
	91	+ <label for="r1-3">화상수업</label>
	92	+ </div>
	93	+ <div class="checkradio">
	94	+ <input type="radio" name="radio1" id="r1-4">
	95	+ <label for="r1-4">공동문서편집</label>
	96	+ </div>
	97	+ </fieldset>
	98	+ </td>
	99	+ </tr>
	100	+ <tr>
	101	+ <th scope="row">수업명<i class="required">필수</i></th>
	102	+ <td>
	103	+ <input type="text" class="percent-width1" placeholder="차시 입력">
	104	+ <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
	105	+ <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
	106	+ </td>
	107	+ </tr>
	108	+ <tr>
	109	+ <th scope="row">설명</th>
	110	+ <td>
	111	+ <textarea placeholder="설명을 입력하세요." title="설명을 입력하세요."></textarea>
	112	+ </td>
	113	+ </tr>
	114	+ <tr>
	115	+ <th scope="row">수업 시간<i class="required">필수</i></th>
	116	+ <td>
	117	+ <fieldset>
	118	+ <legend>수업 시간</legend>
	119	+ <ul>
	120	+ <li>
	121	+ <div class="checkradio">
	122	+ <input type="radio" name="radio2" id="r2-1" checked>
	123	+ <label for="r2-1">정규수업</label>
	124	+ <div class="checkradio-option">
	125	+ <select>
	126	+ <option>과정 개설 시 선택한 수업시간 표시</option>
	127	+ </select>
	128	+ <div class="time-set">
	129	+ <input type="date">
	130	+ </div>
	131	+ </div>
	132	+ </div>
	133	+ </li>
	134	+ <li>
	135	+ <div class="checkradio">
	136	+ <input type="radio" name="radio2" id="r2-2">
	137	+ <label for="r2-2">보강수업</label>
	138	+ <div class="checkradio-option">
	139	+ <select>
	140	+ <option>요일선택</option>
	141	+ </select>
	142	+ <div class="time-set">
	143	+ <select title="시작 시">
	144	+ <option>00</option>
	145	+ </select>
	146	+ <span>:</span>
	147	+ <select title="시작 분">
	148	+ <option>00</option>
	149	+ </select>
	150	+ <span>-</span>
	151	+ <select title="종료 시">
	152	+ <option>00</option>
	153	+ </select>
	154	+ <span>:</span>
	155	+ <select title="종료 분">
	156	+ <option>00</option>
	157	+ </select>
	158	+ </div>
	159	+ </div>
	160	+ </div>
	161	+ </li>
	162	+ </ul>
	163	+ </fieldset>
	164	+ </td>
	165	+ </tr>
	166	+ <tr>
	167	+ <th scope="row">썸네일</th>
	168	+ <td>
	169	+ <div class="file-add-area">
	170	+ <div class="file-custom">
	171	+ <input type="file" class="input-file" title="파일선택">
	172	+ <div class="preview-area class-thumb">
	173	+ </div>
	174	+ </div>
	175	+ <div class="item-area">
	176	+ <div class="item">
	177	+ <p class="txt">섬네일 이미지섬네일 이미지섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지..jpg</p>
	178	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	179	+ </div>
	180	+ <small>* 권장 사이즈 : 640x480px</small>
	181	+ </div>
	182	+ </div>
	183	+ </td>
	184	+ </tr>
	185	+ <tr>
	186	+ <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
	187	+ <td>
	188	+ <div class="file-drag-area">
	189	+ <input type="file" class="input-file">
	190	+ <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
	191	+ 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
	192	+ <span class="btn ico-upload primary">파일 선택</span>
	193	+ </div>
	194	+ <div class="item-list-box drag-file-list">
	195	+ <div class="item">
	196	+ <div class="txt-area">
	197	+ <i class="ico-attach"></i>
	198	+ <p class="txt">
	199	+ 첨부파일명.pdf
	200	+ </p>
	201	+ <small>124kb</small>
	202	+ </div>
	203	+ <div class="item-fnc-area">
	204	+ <a href="#none" class="ico-download">다운로드</a>
	205	+ <button type="button" class="ico-delete">삭제</button>
	206	+ </div>
	207	+ </div>
	208	+ </div>
	209	+ </td>
	210	+ </tr>
	211	+ <tr>
	212	+ <th scope="row">공개여부<i class="required">필수</i></th>
	213	+ <td>
	214	+ <fieldset class="checkradio-area">
	215	+ <legend>공개여부 선택</legend>
	216	+ <div class="checkradio">
	217	+ <input type="radio" name="radio3" id="radio4-1" checked>
	218	+ <label for="radio4-1">공개</label>
	219	+ </div>
	220	+ <div class="checkradio">
	221	+ <input type="radio" name="radio3" id="radio4-2">
	222	+ <label for="radio4-2">비공개</label>
	223	+ </div>
	224	+ </fieldset>
	225	+ </td>
	226	+ </tr>
	227	+ <tr>
	228	+ <th scope="row">채팅 사용여부<i class="required">필수</i></th>
	229	+ <td>
	230	+ <fieldset class="checkradio-area">
	231	+ <legend>채점 기준 선택</legend>
	232	+ <div class="checkradio">
	233	+ <input type="radio" name="radio4" id="radio5-1" checked>
	234	+ <label for="radio5-1">사용</label>
	235	+ </div>
	236	+ <div class="checkradio">
	237	+ <input type="radio" name="radio4" id="radio5-2">
	238	+ <label for="radio5-2">미사용</label>
	239	+ </div>
	240	+ </fieldset>
	241	+ </td>
	242	+ </tr>
	243	+ <tr>
	244	+ <th scope="row">수업 설계</th>
	245	+ <td>
	246	+ <button class="btn secondary">수업 설계하기</button>
	247	+ </td>
	248	+ </tr>
	249	+ </tbody>
	250	+ </table>
	251	+ </div>
	252	+ <div class="write-type">
	253	+ <table>
	254	+ <caption>기본 정보 입력</caption>
	255	+ <colgroup>
	256	+ <col style="width: 160px;">
	257	+ <col>
	258	+ </colgroup>
	259	+ <tbody>
	260	+ <tr>
	261	+ <th scope="row">수업문류<i class="required">필수</i></th>
	262	+ <td>
	263	+ <fieldset>
	264	+ <legend>클래스 선택</legend>
	265	+ <div class="checkradio">
	266	+ <input type="radio" name="radio1-2" id="r1-1" checked>
	267	+ <label for="r1-1">대면수업</label>
	268	+ </div>
	269	+ <div class="checkradio">
	270	+ <input type="radio" name="radio1-2" id="r1-2">
	271	+ <label for="r1-2">영상수업</label>
	272	+ </div>
	273	+ <div class="checkradio">
	274	+ <input type="radio" name="radio1-2" id="r1-3">
	275	+ <label for="r1-3">화상수업</label>
	276	+ </div>
	277	+ <div class="checkradio">
	278	+ <input type="radio" name="radio1-2" id="r1-4">
	279	+ <label for="r1-4">공동문서편집</label>
	280	+ </div>
	281	+ </fieldset>
	282	+ </td>
	283	+ </tr>
	284	+ <tr>
	285	+ <th scope="row">수업명<i class="required">필수</i></th>
	286	+ <td>
	287	+ <input type="text" class="percent-width1" placeholder="차시 입력">
	288	+ <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
	289	+ <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
	290	+ </td>
	291	+ </tr>
	292	+ <tr>
	293	+ <th scope="row">설명</th>
	294	+ <td>
	295	+ <textarea placeholder="설명을 입력하세요." title="설명을 입력하세요."></textarea>
	296	+ </td>
	297	+ </tr>
	298	+ <tr>
	299	+ <th scope="row">수업 시간<i class="required">필수</i></th>
	300	+ <td>
	301	+ <fieldset>
	302	+ <legend>수업 시간</legend>
	303	+ <ul>
	304	+ <li>
	305	+ <div class="checkradio">
	306	+ <input type="radio" name="radio2-2" id="r2-1" checked>
	307	+ <label for="r2-1">정규수업</label>
	308	+ <div class="checkradio-option">
	309	+ <select>
	310	+ <option>과정 개설 시 선택한 수업시간 표시</option>
	311	+ </select>
	312	+ <div class="time-set">
	313	+ <input type="date">
	314	+ </div>
	315	+ </div>
	316	+ </div>
	317	+ </li>
	318	+ <li>
	319	+ <div class="checkradio">
	320	+ <input type="radio" name="radio2-2" id="r2-2">
	321	+ <label for="r2-2">보강수업</label>
	322	+ <div class="checkradio-option">
	323	+ <select class="sm">
	324	+ <option>요일선택</option>
	325	+ </select>
	326	+ <div class="time-set">
	327	+ <select title="시작 시">
	328	+ <option>00</option>
	329	+ </select>
	330	+ <span>:</span>
	331	+ <select title="시작 분">
	332	+ <option>00</option>
	333	+ </select>
	334	+ <span>-</span>
	335	+ <select title="종료 시">
	336	+ <option>00</option>
	337	+ </select>
	338	+ <span>:</span>
	339	+ <select title="종료 분">
	340	+ <option>00</option>
	341	+ </select>
	342	+ </div>
	343	+ </div>
	344	+ </div>
	345	+ </li>
	346	+ </ul>
	347	+ </fieldset>
	348	+ </td>
	349	+ </tr>
	350	+ <tr>
	351	+ <th scope="row">썸네일</th>
	352	+ <td>
	353	+ <div class="file-add-area">
	354	+ <div class="file-custom">
	355	+ <input type="file" class="input-file" title="파일선택">
	356	+ <div class="preview-area class-thumb">
	357	+ </div>
	358	+ </div>
	359	+ <div class="item-area">
	360	+ <div class="item">
	361	+ <p class="txt">섬네일 이미지섬네일 이미지섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지..jpg</p>
	362	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	363	+ </div>
	364	+ <small>* 권장 사이즈 : 640x480px</small>
	365	+ </div>
	366	+ </div>
	367	+ </td>
	368	+ </tr>
	369	+ <tr>
	370	+ <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
	371	+ <td>
	372	+ <div class="file-drag-area">
	373	+ <input type="file" class="input-file">
	374	+ <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
	375	+ 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
	376	+ <span class="btn ico-upload primary">파일 선택</span>
	377	+ </div>
	378	+ <div class="item-list-box drag-file-list">
	379	+ <div class="item">
	380	+ <div class="txt-area">
	381	+ <i class="ico-attach"></i>
	382	+ <p class="txt">
	383	+ 첨부파일명.pdf
	384	+ </p>
	385	+ <small>124kb</small>
	386	+ </div>
	387	+ <div class="item-fnc-area">
	388	+ <a href="#none" class="ico-download">다운로드</a>
	389	+ <button type="button" class="ico-delete">삭제</button>
	390	+ </div>
	391	+ </div>
	392	+ </div>
	393	+ </td>
	394	+ </tr>
	395	+ <tr>
	396	+ <th scope="row">공개여부<i class="required">필수</i></th>
	397	+ <td>
	398	+ <fieldset class="checkradio-area">
	399	+ <legend>공개여부 선택</legend>
	400	+ <div class="checkradio">
	401	+ <input type="radio" name="radio3-2" id="radio4-1" checked>
	402	+ <label for="radio4-1">공개</label>
	403	+ </div>
	404	+ <div class="checkradio">
	405	+ <input type="radio" name="radio3-2" id="radio4-2">
	406	+ <label for="radio4-2">비공개</label>
	407	+ </div>
	408	+ </fieldset>
	409	+ </td>
	410	+ </tr>
	411	+ <tr>
	412	+ <th scope="row">채팅 사용여부<i class="required">필수</i></th>
	413	+ <td>
	414	+ <fieldset class="checkradio-area">
	415	+ <legend>채점 기준 선택</legend>
	416	+ <div class="checkradio">
	417	+ <input type="radio" name="radio4-2" id="radio5-1" checked>
	418	+ <label for="radio5-1">사용</label>
	419	+ </div>
	420	+ <div class="checkradio">
	421	+ <input type="radio" name="radio4-2" id="radio5-2">
	422	+ <label for="radio5-2">미사용</label>
	423	+ </div>
	424	+ </fieldset>
	425	+ </td>
	426	+ </tr>
	427	+ <tr>
	428	+ <th scope="row">수업 설계</th>
	429	+ <td>
	430	+ <button class="btn secondary">수업 설계하기</button>
	431	+ </td>
	432	+ </tr>
	433	+ </tbody>
	434	+ </table>
	435	+ </div>
	436	+ <div class="write-type">
	437	+ <table>
	438	+ <caption>기본 정보 입력</caption>
	439	+ <colgroup>
	440	+ <col style="width: 160px;">
	441	+ <col>
	442	+ </colgroup>
	443	+ <tbody>
	444	+ <tr>
	445	+ <th scope="row">수업문류<i class="required">필수</i></th>
	446	+ <td>
	447	+ <fieldset>
	448	+ <legend>클래스 선택</legend>
	449	+ <div class="checkradio">
	450	+ <input type="radio" name="radio1-3" id="r1-1" checked>
	451	+ <label for="r1-1">대면수업</label>
	452	+ </div>
	453	+ <div class="checkradio">
	454	+ <input type="radio" name="radio1-3" id="r1-2">
	455	+ <label for="r1-2">영상수업</label>
	456	+ </div>
	457	+ <div class="checkradio">
	458	+ <input type="radio" name="radio1-3" id="r1-3">
	459	+ <label for="r1-3">화상수업</label>
	460	+ </div>
	461	+ <div class="checkradio">
	462	+ <input type="radio" name="radio1" id="r1-4">
	463	+ <label for="r1-4">공동문서편집</label>
	464	+ </div>
	465	+ </fieldset>
	466	+ </td>
	467	+ </tr>
	468	+ <tr>
	469	+ <th scope="row">수업명<i class="required">필수</i></th>
	470	+ <td>
	471	+ <input type="text" class="percent-width1" placeholder="차시 입력">
	472	+ <input type="text" class="percent-width8" placeholder="수업명을 입력하세요.">
	473	+ <!-- <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4"> -->
	474	+ </td>
	475	+ </tr>
	476	+ <tr>
	477	+ <th scope="row">설명</th>
	478	+ <td>
	479	+ <textarea placeholder="설명을 입력하세요." title="설명을 입력하세요."></textarea>
	480	+ </td>
	481	+ </tr>
	482	+ <tr>
	483	+ <th scope="row">수업 시간<i class="required">필수</i></th>
	484	+ <td>
	485	+ <fieldset>
	486	+ <legend>수업 시간</legend>
	487	+ <ul>
	488	+ <li>
	489	+ <div class="checkradio">
	490	+ <input type="radio" name="radio2-3" id="r2-1" checked>
	491	+ <label for="r2-1">정규수업</label>
	492	+ <div class="checkradio-option">
	493	+ <select>
	494	+ <option>과정 개설 시 선택한 수업시간 표시</option>
	495	+ </select>
	496	+ <div class="time-set">
	497	+ <input type="date">
	498	+ </div>
	499	+ </div>
	500	+ </div>
	501	+ </li>
	502	+ <li>
	503	+ <div class="checkradio">
	504	+ <input type="radio" name="radio2-3" id="r2-2">
	505	+ <label for="r2-2">보강수업</label>
	506	+ <div class="checkradio-option">
	507	+ <select class="sm">
	508	+ <option>요일선택</option>
	509	+ </select>
	510	+ <div class="time-set">
	511	+ <select title="시작 시">
	512	+ <option>00</option>
	513	+ </select>
	514	+ <span>:</span>
	515	+ <select title="시작 분">
	516	+ <option>00</option>
	517	+ </select>
	518	+ <span>-</span>
	519	+ <select title="종료 시">
	520	+ <option>00</option>
	521	+ </select>
	522	+ <span>:</span>
	523	+ <select title="종료 분">
	524	+ <option>00</option>
	525	+ </select>
	526	+ </div>
	527	+ </div>
	528	+ </div>
	529	+ </li>
	530	+ </ul>
	531	+ </fieldset>
	532	+ </td>
	533	+ </tr>
	534	+ <tr>
	535	+ <th scope="row">썸네일</th>
	536	+ <td>
	537	+ <div class="file-add-area">
	538	+ <div class="file-custom">
	539	+ <input type="file" class="input-file" title="파일선택">
	540	+ <div class="preview-area class-thumb">
	541	+ </div>
	542	+ </div>
	543	+ <div class="item-area">
	544	+ <div class="item">
	545	+ <p class="txt">섬네일 이미지섬네일 이미지섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지.섬네일 이미지섬네일 이미지..jpg</p>
	546	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	547	+ </div>
	548	+ <small>* 권장 사이즈 : 640x480px</small>
	549	+ </div>
	550	+ </div>
	551	+ </td>
	552	+ </tr>
	553	+ <tr>
	554	+ <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
	555	+ <td>
	556	+ <div class="file-drag-area">
	557	+ <input type="file" class="input-file">
	558	+ <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
	559	+ 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
	560	+ <span class="btn ico-upload primary">파일 선택</span>
	561	+ </div>
	562	+ <div class="item-list-box drag-file-list">
	563	+ <div class="item">
	564	+ <div class="txt-area">
	565	+ <i class="ico-attach"></i>
	566	+ <p class="txt">
	567	+ 첨부파일명.pdf
	568	+ </p>
	569	+ <small>124kb</small>
	570	+ </div>
	571	+ <div class="item-fnc-area">
	572	+ <a href="#none" class="ico-download">다운로드</a>
	573	+ <button type="button" class="ico-delete">삭제</button>
	574	+ </div>
	575	+ </div>
	576	+ </div>
	577	+ </td>
	578	+ </tr>
	579	+ <tr>
	580	+ <th scope="row">공개여부<i class="required">필수</i></th>
	581	+ <td>
	582	+ <fieldset class="checkradio-area">
	583	+ <legend>공개여부 선택</legend>
	584	+ <div class="checkradio">
	585	+ <input type="radio" name="radio3-3" id="radio4-1" checked>
	586	+ <label for="radio4-1">공개</label>
	587	+ </div>
	588	+ <div class="checkradio">
	589	+ <input type="radio" name="radio3-3" id="radio4-2">
	590	+ <label for="radio4-2">비공개</label>
	591	+ </div>
	592	+ </fieldset>
	593	+ </td>
	594	+ </tr>
	595	+ <tr>
	596	+ <th scope="row">채팅 사용여부<i class="required">필수</i></th>
	597	+ <td>
	598	+ <fieldset class="checkradio-area">
	599	+ <legend>채점 기준 선택</legend>
	600	+ <div class="checkradio">
	601	+ <input type="radio" name="radio4-3" id="radio5-1" checked>
	602	+ <label for="radio5-1">사용</label>
	603	+ </div>
	604	+ <div class="checkradio">
	605	+ <input type="radio" name="radio4-3" id="radio5-2">
	606	+ <label for="radio5-2">미사용</label>
	607	+ </div>
	608	+ </fieldset>
	609	+ </td>
	610	+ </tr>
	611	+ <tr>
	612	+ <th scope="row">수업 설계</th>
	613	+ <td>
	614	+ <button class="btn secondary">수업 설계하기</button>
	615	+ </td>
	616	+ </tr>
	617	+ </tbody>
	618	+ </table>
	619	+ </div>
	620	+ </section>
	621	+ <div class="btn-cont">
	622	+ <a href="#none" class="btn lg">취소</a>
	623	+ <a href="#none" class="btn lg primary">등록</a>
	624	+ </div>
	625	+ </div>
	626	+ </div>
	627	+
	628	+ </div>
	629	+ <!-- toast -->
	630	+ <div class="toast"></div>
	631	+
	632	+ <!--popup-->
	633	+ <div class="dim"></div>
	634	+ <script>
	635	+ $(document).ready(function () {
	636	+ const maxFileSize = 300 * 1024 * 1024; //300mb
	637	+ const maxFileCount = 1;
	638	+
	639	+ // 드래그 앤 드롭 이벤트 핸들링
	640	+ $('.file-drag-area').each(function () {
	641	+ const $fileDragArea = $(this);
	642	+ const $fileList = $fileDragArea.siblings('.drag-file-list');
	643	+
	644	+ $fileDragArea.on('dragover', function (e) {
	645	+ e.preventDefault();
	646	+ e.stopPropagation();
	647	+ $fileDragArea.addClass('is-dragover');
	648	+ });
	649	+
	650	+ $fileDragArea.on('dragleave', function (e) {
	651	+ e.preventDefault();
	652	+ e.stopPropagation();
	653	+ $fileDragArea.removeClass('is-dragover');
	654	+ });
	655	+
	656	+ $fileDragArea.on('drop', function (e) {
	657	+ e.preventDefault();
	658	+ e.stopPropagation();
	659	+ $fileDragArea.removeClass('is-dragover');
	660	+
	661	+ const files = e.originalEvent.dataTransfer.files;
	662	+
	663	+ if (files.length > maxFileCount) {
	664	+ alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
	665	+ return;
	666	+ }
	667	+
	668	+ handleFiles(files, $fileList);
	669	+ });
	670	+
	671	+ // 파일 선택 버튼 클릭 시
	672	+ $fileDragArea.find('.input-file').on('change', function () {
	673	+ const files = this.files;
	674	+
	675	+ if (files.length > maxFileCount) {
	676	+ alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
	677	+ return;
	678	+ }
	679	+
	680	+ handleFiles(files, $fileList);
	681	+ });
	682	+ });
	683	+
	684	+ function handleFiles(files, $fileList) {
	685	+ for (const file of files) {
	686	+ if (file.size > maxFileSize) {
	687	+ alert(`${file.name}은(는) 파일 크기 제한(500KB)을 초과했습니다.`);
	688	+ continue;
	689	+ }
	690	+
	691	+ const fileItem = `
	692	+ <div class="item">
	693	+ <div class="txt-area">
	694	+ <i class="ico-attach"></i>
	695	+ <p class="txt">
	696	+ ${file.name}
	697	+ </p>
	698	+ <small>${(file.size / 1024).toFixed(2)} KB</small>
	699	+ </div>
	700	+ <div class="item-fnc-area">
	701	+ <a href="#none" class="ico-download">다운로드</a>
	702	+ <button type="button" class="ico-delete">삭제</button>
	703	+ </div>
	704	+ </div>
	705	+ `;
	706	+
	707	+
	708	+ $fileList.append(fileItem);
	709	+ }
	710	+ }
	711	+
	712	+ // 파일 삭제 버튼 클릭 시
	713	+ $(document).on('click', '.item .ico-delete', function () {
	714	+ $(this).closest('.item').remove();
	715	+ });
	716	+ });
	717	+
	718	+ </script>
	719	+ <script>
	720	+ $(document).ready(function () {
	721	+ $(".a-write-list").sortable({
	722	+ handle: $(".a-write-list > li").find(".ico-move"),
	723	+ containment: "parent",
	724	+ update: function (event, ui) {
	725	+ var $list = $(this).children("li");
	726	+ $list.each(function () {
	727	+ var $li = $(this);
	728	+ var newVal = $(this).index() + 1;
	729	+ $(this).find(".num").html(newVal);
	730	+ });
	731	+ },
	732	+ });
	733	+ });
	734	+ </script>
	735	+</body>
	736	+
	737	+</html>(파일 끝에 줄바꿈 문자 없음)

33a6b5a

html/onSejong/manager/_layout/pop_attendCode.html (added)

+++ html/onSejong/manager/_layout/pop_attendCode.html

...	...	@@ -0,0 +1,79 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+
	16	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	17	+
	18	+ <!-- 공통 plugin -->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	21	+ <!-- //공통 plugin -->
	22	+
	23	+ <!-- 페이지 plugin-->
	24	+ <!-- painter -->
	25	+ <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
	26	+ <!-- //painter -->
	27	+ <!-- //페이지 plugin-->
	28	+
	29	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	30	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	31	+ <!--//퍼블 layout-->
	32	+
	33	+ <!-- 공통 메뉴 js-->
	34	+ <!-- //공통 메뉴 js -->
	35	+
	36	+ <!--공통 퍼블 js-->
	37	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	38	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	39	+ <!--//공통 퍼블 js-->
	40	+</head>
	41	+
	42	+<body>
	43	+ <div class="popup-modal sm" data-popuppub="popupmodal">
	44	+ <div class="pop-header">
	45	+ <h1>출석QR코드</h1>
	46	+ </div>
	47	+ <div class="pop-body">
	48	+ <div class="qr-area">
	49	+ <figure class="qr-img-area">
	50	+ <img src="/resources/front/site/SITE_00000/images/temp/qr.jpg" alt="qr코드">
	51	+ </figure>
	52	+ <div class="txt-area">
	53	+ <dl class="qr-txt-area">
	54	+ <dt>출석코드</dt>
	55	+ <dd>123456</dd>
	56	+ </dl>
	57	+ <p class="msg margin-top-md">출석하기 입력창에 출석코드를 입력하거나 QR코드를 리드하세요</p>
	58	+ </div>
	59	+ </div>
	60	+ <div class="btn-fnc-cont">
	61	+ <a href="#none" class="btn sm ico-refresh back">02:59</a>
	62	+ </div>
	63	+ </div>
	64	+ </div>
	65	+
	66	+ <!-- toast -->
	67	+ <div class="toast"></div>
	68	+
	69	+ <!--popup-->
	70	+ <div class="dim"></div>
	71	+
	72	+ <script>
	73	+ $(document).ready(function() {
	74	+ popupOpenPub('popupmodal');
	75	+ });
	76	+ </script>
	77	+</body>
	78	+
	79	+</html>(파일 끝에 줄바꿈 문자 없음)

33a6b5a

html/onSejong/manager/_layout/pop_classSubmit.html (added)

+++ html/onSejong/manager/_layout/pop_classSubmit.html

...	...	@@ -0,0 +1,130 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+
	16	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	17	+
	18	+ <!-- 공통 plugin -->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	21	+ <!-- //공통 plugin -->
	22	+
	23	+ <!-- 페이지 plugin-->
	24	+ <!-- painter -->
	25	+ <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
	26	+ <!-- //painter -->
	27	+ <!-- //페이지 plugin-->
	28	+
	29	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	30	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	31	+ <!--//퍼블 layout-->
	32	+
	33	+ <!-- 공통 메뉴 js-->
	34	+ <!-- //공통 메뉴 js -->
	35	+
	36	+ <!--공통 퍼블 js-->
	37	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	38	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	39	+ <!--//공통 퍼블 js-->
	40	+</head>
	41	+
	42	+<body>
	43	+ <div class="popup-modal sm" data-popuppub="popupmodal">
	44	+ <div class="pop-header">
	45	+ <h1>학습완료 리스트</h1>
	46	+ </div>
	47	+ <div class="pop-body">
	48	+ <div class="fnc-extend-area">
	49	+ <div class="extend-default-area">
	50	+ <div class="l-area">
	51	+ <p class="total">2명 중 <em>1</em>명 완료</p>
	52	+ </div>
	53	+ <div class="r-area">
	54	+ <select class="select-sort border-none" title="정렬 선택">
	55	+ <option>오름차순</option>
	56	+ <option>최근풀이순</option>
	57	+ </select>
	58	+ </div>
	59	+ </div>
	60	+ <div class="extend-filter-area">
	61	+ <div class="l-area">
	62	+ <fieldset class="filter-group">
	63	+ <legend>필터 선택</legend>
	64	+ <div class="checkradio">
	65	+ <input type="radio" name="filter1" id="extend-filter0" checked>
	66	+ <label for="extend-filter0">전체</label>
	67	+ </div>
	68	+ <div class="checkradio">
	69	+ <input type="radio"name="filter1" id="extend-filter1">
	70	+ <label for="extend-filter1">미완료수강생</label>
	71	+ </div>
	72	+ </fieldset>
	73	+ </div>
	74	+ </div>
	75	+ </div>
	76	+ <ul class="border-list">
	77	+ <li>
	78	+ <div class="l-area">
	79	+ <div class="profile">
	80	+ <i class="ico-circle-check success"></i>
	81	+ <div class="img-area">
	82	+ <figure>
	83	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	84	+ </figure>
	85	+ </div>
	86	+ <div class="txt-area">
	87	+ <strong class="profile-tit">가학생</strong>
	88	+ <span>OO고등학교 #학년 #반 #번</span>
	89	+ </div>
	90	+ </div>
	91	+ </div>
	92	+ <div class="r-area">
	93	+ <small class="time">2025-10-01 11:12</small>
	94	+ </div>
	95	+ </li>
	96	+ <li>
	97	+ <div class="l-area">
	98	+ <div class="profile">
	99	+ <i class="ico-circle-close"></i>
	100	+ <div class="img-area">
	101	+ <figure>
	102	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	103	+ </figure>
	104	+ </div>
	105	+ <div class="txt-area">
	106	+ <strong class="profile-tit">나학생 </strong>
	107	+ <span>OO고등학교 #학년 #반 #번</span>
	108	+ </div>
	109	+ </div>
	110	+ </div>
	111	+ </li>
	112	+ </ul>
	113	+ </div>
	114	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	115	+ </div>
	116	+
	117	+ <!-- toast -->
	118	+ <div class="toast"></div>
	119	+
	120	+ <!--popup-->
	121	+ <div class="dim"></div>
	122	+
	123	+ <script>
	124	+ $(document).ready(function() {
	125	+ popupOpenPub('popupmodal');
	126	+ });
	127	+ </script>
	128	+</body>
	129	+
	130	+</html>(파일 끝에 줄바꿈 문자 없음)

33a6b5a

html/onSejong/manager/_layout/pop_loadClass.html (added)

+++ html/onSejong/manager/_layout/pop_loadClass.html

...	...	@@ -0,0 +1,187 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+
	16	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	17	+
	18	+ <!-- 공통 plugin -->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	21	+ <!-- //공통 plugin -->
	22	+
	23	+ <!-- 페이지 plugin-->
	24	+ <!-- painter -->
	25	+ <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> -->
	26	+ <!-- //painter -->
	27	+ <!-- //페이지 plugin-->
	28	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	29	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	30	+ <!--//퍼블 layout-->
	31	+
	32	+ <!-- 공통 메뉴 js-->
	33	+ <!-- //공통 메뉴 js -->
	34	+
	35	+ <!--공통 퍼블 js-->
	36	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	37	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	38	+ <!--//공통 퍼블 js-->
	39	+</head>
	40	+
	41	+<body>
	42	+ <div class="popup-modal xlg" data-popuppub="popupmodal">
	43	+ <div class="pop-header">
	44	+ <h1>수업 설계안 가져오기</h1>
	45	+ </div>
	46	+ <div class="pop-body">
	47	+ <div class="l-area"></div>
	48	+ <div class="r-area">
	49	+ <fieldset class="search-area">
	50	+ <legend>검색</legend>
	51	+ <div class="search">
	52	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
	53	+ <button class="btn ico-search">검색</button>
	54	+ </div>
	55	+ </fieldset>
	56	+ </div>
	57	+ <div class="list-type">
	58	+ <table>
	59	+ <caption>스스로 학습 출발점 선택 목록으로 no, 영역, 학습주제, 정답률, 맞힌문항으로 구성되어 있습니다.</caption>
	60	+ <colgroup>
	61	+ <col>
	62	+ <col style="width: 44%;">
	63	+ <col>
	64	+ <col>
	65	+ </colgroup>
	66	+ <thead>
	67	+ <tr>
	68	+ <th scope="col">수업유형</th>
	69	+ <th scope="col">수업명</th>
	70	+ <th scope="col">작성자</th>
	71	+ <th scope="col">업로드일</th>
	72	+ <th scope="col">선택</th>
	73	+ </tr>
	74	+ </thead>
	75	+ <tbody>
	76	+ <tr>
	77	+ <td colspan="5">
	78	+ <div class="txt-none">
	79	+ <figure>
	80	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	81	+ </figure>
	82	+ <p>나의 보관함에 콘텐츠가 없어요.</p>
	83	+ </div>
	84	+ </td>
	85	+ </tr>
	86	+ <tr>
	87	+ <td>대면수업</td>
	88	+ <td>수업명 표시</td>
	89	+ <td>홍길동(teacher1)</td>
	90	+ <td>2025-09-10</td>
	91	+ <td><button type="button" class="btn primary">추가</button></td>
	92	+ </tr>
	93	+ <tr>
	94	+ <td>영상수업</td>
	95	+ <td>수업명 표시</td>
	96	+ <td>홍길동(teacher1)</td>
	97	+ <td>2025-09-10</td>
	98	+ <td><button type="button" class="btn primary">추가</button></td>
	99	+ </tr>
	100	+ <tr>
	101	+ <td>화상수업</td>
	102	+ <td>수업명 표시</td>
	103	+ <td>홍길동(teacher1)</td>
	104	+ <td>2025-09-10</td>
	105	+ <td><button type="button" class="btn primary">추가</button></td>
	106	+ </tr>
	107	+ <tr>
	108	+ <td>공동문서편집</td>
	109	+ <td>수업명 표시</td>
	110	+ <td>홍길동(teacher1)</td>
	111	+ <td>2025-09-10</td>
	112	+ <td><button type="button" class="btn primary">추가</button></td>
	113	+ </tr>
	114	+ <tr>
	115	+ <td>대면수업</td>
	116	+ <td>수업명 표시</td>
	117	+ <td>홍길동(teacher1)</td>
	118	+ <td>2025-09-10</td>
	119	+ <td><button type="button" class="btn primary">추가</button></td>
	120	+ </tr>
	121	+ <tr>
	122	+ <td>영상수업</td>
	123	+ <td>수업명 표시</td>
	124	+ <td>홍길동(teacher1)</td>
	125	+ <td>2025-09-10</td>
	126	+ <td><button type="button" class="btn primary">추가</button></td>
	127	+ </tr>
	128	+ <tr>
	129	+ <td>화상수업</td>
	130	+ <td>수업명 표시</td>
	131	+ <td>홍길동(teacher1)</td>
	132	+ <td>2025-09-10</td>
	133	+ <td><button type="button" class="btn primary">추가</button></td>
	134	+ </tr>
	135	+ </tbody>
	136	+ </table>
	137	+ </div>
	138	+ <ul class="pagenation">
	139	+ <li class="ppv">
	140	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	141	+ </li>
	142	+ <li class="pv">
	143	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	144	+ </li>
	145	+ <li class="current">
	146	+ <span title="현재 페이지">1</span>
	147	+ </li>
	148	+ <li>
	149	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	150	+ </li>
	151	+ <li>
	152	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	153	+ </li>
	154	+ <li>
	155	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	156	+ </li>
	157	+ <li>
	158	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	159	+ </li>
	160	+ <li class="fw">
	161	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	162	+ </li>
	163	+ <li class="ffw">
	164	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	165	+ </li>
	166	+ </ul>
	167	+ </div>
	168	+ <!-- <div class="pop-footer">
	169	+
	170	+ </div> -->
	171	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	172	+ </div>
	173	+
	174	+ <!-- toast -->
	175	+ <div class="toast"></div>
	176	+
	177	+ <!--popup-->
	178	+ <div class="dim"></div>
	179	+
	180	+ <script>
	181	+ $(document).ready(function() {
	182	+ popupOpenPub('popupmodal');
	183	+ });
	184	+ </script>
	185	+</body>
	186	+
	187	+</html>(파일 끝에 줄바꿈 문자 없음)

Add a comment

Open 0
Closed 0

List

Delete comment