Commit @538a9182c2e392dae211ed2eeec3206dbaecccf7

이화경 10-29

평가지, 문항 퍼블 수정 및 추가

@538a9182c2e392dae211ed2eeec3206dbaecccf7

538a918

html/campas/common/curriculum/curriculumInfo.html (added)

+++ html/campas/common/curriculum/curriculumInfo.html

...	...	@@ -0,0 +1,124 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <div class="accessibility">
	38	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	39	+ </div>
	40	+ <!-- for-teacher / for-student -->
	41	+ <div class="container">
	42	+ <!-- 통합 헤더 및 네비게이션 -->
	43	+ <header class="site-header"></header>
	44	+ <div class="site-body" id="skipToContents">
	45	+ <div class="wrap">
	46	+ <div class="site-cont">
	47	+ <ul class="breadcrumb">
	48	+ <li><a href="#none" class="home">홈</a></li>
	49	+ <li><a href="#none">1depth</a></li>
	50	+ <li><a href="#none">2depth</a></li>
	51	+ </ul>
	52	+ <div class="page-tit-area">
	53	+ <div class="l-area">
	54	+ <h2 class="title-xlg">캠퍼스공동교육과정 안내</h2>
	55	+ </div>
	56	+ </div>
	57	+ <div class="summary-page">
	58	+ <div class="l-area">
	59	+ <div class="img-area">
	60	+ <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt="" aria-hidden="true" />
	61	+ </div>
	62	+ <div class="txt-area">
	63	+ <strong>캠퍼스형 공동교육과정이란?</strong>
	64	+ <p>
	65	+ 학교별로 다양한 전공과목을 개설하여 학생들이 자신의 학교나 인근의 학교에서<br>
	66	+ 희망하는 과목을 배울 수 있는 세종의 공동교육과정입니다. <br><br>
	67	+ 단위학교의 교육과정과 캠공을 활용하면 <br>
	68	+ 학생의 진로에 맞는 교육과정을 충분히 설계할 수 있습니다.
	69	+ </p>
	70	+ </div>
	71	+ </div>
	72	+ </div>
	73	+ <section class="section">
	74	+ <h2 class="txt-hide">공동교육과정 안내</h2>
	75	+ <ul class="course">
	76	+ <li class="course-list">
	77	+ <h3>
	78	+ 캠퍼스형 공동교육과정 Ⅰ
	79	+ <span>고</span>
	80	+ </h3>
	81	+ <p>학교에서 배우기 어려운 정규교육과정인 소인수 과목, 심화과목, 전문교과, 실기교과를 거점학교에서 배우는 과정</p>
	82	+ </li>
	83	+ <li class="course-list">
	84	+ <h3>
	85	+ 캠퍼스형 공동교육과정 Ⅱ
	86	+ <span>고</span>
	87	+ </h3>
	88	+ <p>교수, 석박사과정, 교사, 연구원, 특정재능 보유자 등을 지도교사로 모시고, 다양한 진로전공과목을 프로젝트형 자기주도학습으로 운영학교에서 배우는 과정</p>
	89	+ </li>
	90	+ <li class="course-list">
	91	+ <h3>
	92	+ 온라인 공동교육과정(온세종학교)
	93	+ <span>고</span>
	94	+ </h3>
	95	+ <p>캠공Ⅰ의 교통불편, 인근 학교 부재 등 물리적 한계를 극복하기 위한 온라인 쌍방향 공동교육과정</p>
	96	+ </li>
	97	+ <li class="course-list">
	98	+ <h3>
	99	+ 캠퍼스형 공동교육과정 Ⅳ
	100	+ <span>고</span>
	101	+ </h3>
	102	+ <p>여름·겨울방학에 지역 대학과 연계한 고교-대학 연계 공동교육과정</p>
	103	+ </li>
	104	+ <li class="course-list">
	105	+ <h3>
	106	+ 캠퍼스형 공동교육과정 Ⅴ
	107	+ <span>중3</span>
	108	+ <span>고</span>
	109	+ </h3>
	110	+ <p>전공의 심화성에 초점을 맞추어 직업 실습 및 전공과 연관된 진로 역량 강화 과정(직업탑구과정)</p>
	111	+ </li>
	112	+ </ul>
	113	+ </section>
	114	+ </div>
	115	+ </div>
	116	+ </div>
	117	+ <footer class="site-footer"></footer>
	118	+ </div>
	119	+ <!-- toast -->
	120	+ <div class="toast"></div>
	121	+ <!--popup-->
	122	+ <div class="dim"></div>
	123	+ </body>
	124	+</html>

538a918

html/onSejong/common/schoolInfo/_layout/lnb.html (added)

+++ html/onSejong/common/schoolInfo/_layout/lnb.html

...	...	@@ -0,0 +1,18 @@
	1	+<h2>알림마당</h2>
	2	+<nav>
	3	+ <ul>
	4	+ <li><a href="#" class="is-active">인사말</a></li>
	5	+ <li><a href="#">교육목표</a></li>
	6	+ <li><a href="#">학교상징</a></li>
	7	+ <li><a href="#">학교현황</a></li>
	8	+ <li><a href="#">오시는길</a></li>
	9	+ </ul>
	10	+</nav>
	11	+<!-- 모바일 nav -->
	12	+<select title="메뉴 선택">
	13	+ <option>인사말</option>
	14	+ <option>교육목표</option>
	15	+ <option>학교상징</option>
	16	+ <option>학교현황</option>
	17	+ <option>오시는길</option>
	18	+</select>(파일 끝에 줄바꿈 문자 없음)

538a918

html/onSejong/common/schoolInfo/noticeView.html (added)

+++ html/onSejong/common/schoolInfo/noticeView.html

...	...	@@ -0,0 +1,151 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	6	+ <meta name="Author" content="" />
	7	+ <meta name="Keywords" content="" />
	8	+ <meta name="Description" content="" />
	9	+ <meta name="format-detection" content="telephone=no" />
	10	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	11	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	12	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	13	+ <!-- 공통 plugin -->
	14	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	16	+ <!-- //공통 plugin -->
	17	+ <!-- 페이지 plugin-->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	20	+ <!-- chart -->
	21	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <!-- //chart -->
	24	+ <!-- //페이지 plugin-->
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	27	+ <!--//퍼블 layout-->
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ <script src="//dapi.kakao.com/v2/maps/sdk.js?appkey=ff9c01f71995a82f215c373f39aa6772"></script>
	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	+ <div class="site-body" id="skipToContents">
	46	+ <div class="wrap">
	47	+ <aside class="lnb"></aside>
	48	+ <div class="site-cont">
	49	+ <ul class="breadcrumb">
	50	+ <li><a href="#none" class="home">홈</a></li>
	51	+ <li><a href="#none">1depth</a></li>
	52	+ <li><a href="#none">2depth</a></li>
	53	+ </ul>
	54	+ <div class="page-tit-area">
	55	+ <div class="l-area">
	56	+ <h2 class="title-xlg">오시는길</h2>
	57	+ </div>
	58	+ </div>
	59	+ <section class="board-view-area wrap-md">
	60	+ <div class="view-body">
	61	+ <div class="view-cont">
	62	+ <div id="map" style="width:100%;height:720px;">
	63	+
	64	+ </div>
	65	+ <article class="view-section">
	66	+ <ul class="info-list">
	67	+ <li>
	68	+ <strong class="info-tit">주소</strong>
	69	+ <div class="txt-area">세종특별자치시 산울3로 140 (산울동) 온세종학교</div>
	70	+ </li>
	71	+ <li>
	72	+ <strong class="info-tit">연락처</strong>
	73	+ <div class="txt-area">044-998-2700</div>
	74	+ </li>
	75	+ <li>
	76	+ <strong class="info-tit">FAX</strong>
	77	+ <div class="txt-area">044-998-2712</div>
	78	+ </li>
	79	+ </ul>
	80	+ </article>
	81	+ </div>
	82	+ </div>
	83	+ </section>
	84	+ <div class="btn-cont">
	85	+ <a href="#none" class="btn lg">목록으로</a>
	86	+ </div>
	87	+ </div>
	88	+ </div>
	89	+ </div>
	90	+ <footer class="site-footer"></footer>
	91	+ </div>
	92	+ <!-- toast -->
	93	+ <div class="toast"></div>
	94	+ <!--popup-->
	95	+ <div class="dim"></div>
	96	+ <script>
	97	+ var container = document.getElementById('map');
	98	+ var options = {
	99	+ center: new kakao.maps.LatLng(36.53484260135986, 127.26569206102651),
	100	+ level: 3
	101	+ };
	102	+ var map = new kakao.maps.Map(container, options);
	103	+ var markerPosition = new kakao.maps.LatLng(36.53484260135986, 127.26569206102651);
	104	+ var marker = new kakao.maps.Marker({
	105	+ position: markerPosition
	106	+ });
	107	+ marker.setMap(map);
	108	+ var overlayContent = `
	109	+ <div style="
	110	+ position: relative;
	111	+ background: #fff;
	112	+ border: 1px solid #ccc;
	113	+ border-radius: 4px;
	114	+ padding: 6px 10px;
	115	+ font-size: 14px;
	116	+ box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	117	+ ">
	118	+ 온세종학교
	119	+ <div style="
	120	+ position: absolute;
	121	+ bottom: -6px;
	122	+ left: 50%;
	123	+ transform: translateX(-50%);
	124	+ width: 0;
	125	+ height: 0;
	126	+ border-left: 6px solid transparent;
	127	+ border-right: 6px solid transparent;
	128	+ border-top: 6px solid #ccc;
	129	+ "></div>
	130	+ <div style="
	131	+ position: absolute;
	132	+ bottom: -5px;
	133	+ left: 50%;
	134	+ transform: translateX(-50%);
	135	+ width: 0;
	136	+ height: 0;
	137	+ border-left: 5px solid transparent;
	138	+ border-right: 5px solid transparent;
	139	+ border-top: 5px solid #fff;
	140	+ "></div>
	141	+ </div>
	142	+ `;
	143	+ var customOverlay = new kakao.maps.CustomOverlay({
	144	+ position: markerPosition,
	145	+ content: overlayContent,
	146	+ yAnchor: 2.4
	147	+ });
	148	+ customOverlay.setMap(map);
	149	+ </script>
	150	+ </body>
	151	+</html>

65cc71b

538a918

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html


                                 </li>
                             </ul>
                         </li>
-                        <li class="before">학교안내</li>
+                        <li class="before">
+                            학교안내
+                            <ul>
+                                <li>인사말</li>
+                                <li>교육목표</li>
+                                <li>학교상징</li>
+                                <li>학교현황</li>
+                                <li>오시는길,common/schoolInfo/noticeView.html</li>
+                            </ul>
+                        </li>
                         <li>
                             알림마당
                             <ul>

                                             문항
                                             <ul>
                                                 <li>목록,manager/mystorage/quizList.html</li>
-                                                <li>문항 상세,manager/mystorage/quizView.html</li>
-                                                <li>문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
+                                                <li class="mod">문항 상세(객관식),manager/mystorage/quizView.html</li>
+                                                <li class="add">문항 상세(주관식),manager/mystorage/quizView_short.html</li>
+                                                <li>문항 정답 및 풀이(객관식),manager/mystorage/quizAnswer.html</li>
+                                                <li class="add">문항 정답 및 풀이(주관식),manager/mystorage/quizAnswer_short.html</li>
                                             </ul>
                                         </li>
                                         <li>
                                             평가지
                                             <ul>
                                                 <li>목록,manager/mystorage/testList.html</li>
-                                                <li>평가지 상세,manager/mystorage/testView.html</li>
-                                                <li>평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
+                                                <li>평가지 상세(객관식),manager/mystorage/testView.html</li>
+                                                <li class="add">평가지 상세(주관식),manager/mystorage/testView_short.html</li>
+                                                <li>정답 및 풀이(객관식),manager/mystorage/testAnswer.html</li>
+                                                <li class="add">정답 및 풀이(주관식),manager/mystorage/testAnswer_short.html</li>
                                             </ul>
                                         </li>
                                     </ul>

538a918

html/onSejong/manager/mystorage/quizAnswer_short.html (added)

+++ html/onSejong/manager/mystorage/quizAnswer_short.html

...	...	@@ -0,0 +1,170 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	24	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	25	+ <!--//퍼블 layout-->
	26	+
	27	+ <!-- 공통 메뉴 js-->
	28	+ <!-- //공통 메뉴 js -->
	29	+
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <section class="viewer">
	38	+ <header class="viewer-header">
	39	+ <div class="viewer-tit">
	40	+ <ul class="info-inline-list">
	41	+ <li>
	42	+ <strong class="info-tit">문항ID</strong>
	43	+ <div class="txt-area">612483</div>
	44	+ </li>
	45	+ </ul>
	46	+ <h1>활동1 무늬를 꾸며보는 방법 알아보기</h1>
	47	+ </div>
	48	+ <button type="button" class="btn sm">
	49	+ <i class="ico-logout"></i>
	50	+ 나가기
	51	+ </button>
	52	+ <div class="viewer-fnc-mo">
	53	+ <div class="etc-fnc-area">
	54	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	55	+ <ul class="etc-fnc">
	56	+ <li><button type="button">문항 오류신고</button></li>
	57	+ </ul>
	58	+ </div>
	59	+ </div>
	60	+ </header>
	61	+ <div class="viewer-body">
	62	+ <div class="viewer-cont">
	63	+ <div class="quiz-viewer">
	64	+ <div class="quiz-viewer-body">
	65	+ <div class="quiz-viewer-cont">
	66	+ <div class="quiz-viewer-wrap">
	67	+ <ul class="viewer-q-list">
	68	+ <li class="q-item">
	69	+ <div class="q-area">
	70	+ <div class="q-tit">
	71	+ <span class="num">1</span>
	72	+ <div class="q-txt">
	73	+ <p>이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까?</p>
	74	+ </div>
	75	+ </div>
	76	+ <div class="q-file-area">
	77	+ <div class="q-file-audio">
	78	+ <audio controls="controls">
	79	+ <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
	80	+ </audio>
	81	+ </div>
	82	+ <div class="q-file-txt">
	83	+ 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까
	84	+ </div>
	85	+ <div class="q-img">
	86	+ <figure>
	87	+ <img src="/resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	88	+ </figure>
	89	+ </div>
	90	+ </div>
	91	+ </div>
	92	+ <div class="a-area">
	93	+ <ul class="a-list">
	94	+ <li>
	95	+ <div class="a-input a-o">
	96	+ <span class="label-q-o">정답</span>
	97	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	98	+ </div>
	99	+ </li>
	100	+ <li>
	101	+ <div class="a-input a-x">
	102	+ <span class="label-q-x">정답</span>
	103	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	104	+ </div>
	105	+ </li>
	106	+ <li>
	107	+ <div class="a-input a-o">
	108	+ <span class="label-q-o">정답</span>
	109	+ <span class="num">㉠</span>
	110	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	111	+ </div>
	112	+ </li>
	113	+ <li>
	114	+ <div class="a-input a-x">
	115	+ <span class="label-q-x">오답</span>
	116	+ <span class="num">㉡</span>
	117	+ <input type="text" placeholder="정답 입력" value="조선시대" readonly>
	118	+ </div>
	119	+ </li>
	120	+ </ul>
	121	+ </div>
	122	+ </li>
	123	+ </ul>
	124	+ <ul class="q-comment">
	125	+ <li>
	126	+ <strong class="info-tit">정답</strong>
	127	+ <div class="txt-area"><strong>고려시대, 고려시대2</strong></div>
	128	+ </li>
	129	+ <li>
	130	+ <strong class="info-tit">풀이</strong>
	131	+ <div class="txt-area">
	132	+ <div class="q-file-area">
	133	+ <div class="q-file-txt">
	134	+ 이 문제는 두 개의 괄호가 주어진 경우로 둘 중 하나만 정확히 알면 쉽게 정답에 접근할 수 있는 문제이다.<br>
	135	+ ①의 경우 왜냐하면 이하를 먼저 해석하여 아이들이 TV영향을 쉽게 받는다를 유추할 수 있고 ②의 경우는 "말다툼"이 핵심 어구로서 "화해하다"와 연결할 수 있을 것이다.
	136	+ </div>
	137	+ </div>
	138	+ <div class="q-img">
	139	+ <figure>
	140	+ <img src="/resources/front/site/SITE_00000/images/temp/sample_pic1.png"
	141	+ alt="이미지">
	142	+ </figure>
	143	+ </div>
	144	+ </div>
	145	+ </li>
	146	+ </ul>
	147	+ <div class="btn-cont">
	148	+ <button class="btn lg primary">다시 풀기</button>
	149	+ </div>
	150	+ </div>
	151	+ </div>
	152	+ <div class="quiz-viewer-fnc">
	153	+ <button class="btn-prev" disabled><span>이전 문제</span></button>
	154	+ <button class="btn-next"><span>다음 문제</span></button>
	155	+ </div>
	156	+ </div>
	157	+ </div>
	158	+ </div>
	159	+ <div class="viewer-fnc-cont"></div>
	160	+ </div>
	161	+ </section>
	162	+
	163	+ <!-- toast -->
	164	+ <div class="toast"></div>
	165	+
	166	+ <!--popup-->
	167	+ <div class="dim"></div>
	168	+
	169	+ </body>
	170	+</html>

65cc71b

538a918

html/onSejong/manager/mystorage/quizView.html

--- html/onSejong/manager/mystorage/quizView.html

+++ html/onSejong/manager/mystorage/quizView.html

...	...	@@ -66,6 +66,21 @@
66	66	<div class="quiz-viewer-wrap">
67	67	<ul class="viewer-q-list">
68	68	<li class="q-item">
	69	+ <section class="q-group-area">
	70	+ <header class="fnc-area">
	71	+ <div class="l-area">
	72	+ <h3 class="q-group-tit">[1~3] 공통 제시자료 </h3>
	73	+ </div>
	74	+ <div class="r-area">
	75	+ <button class="btn sm btn-q-group-toggle"><i class=" ico-document sm"></i><span>공통 제시자료 닫기</span></button>
	76	+ </div>
	77	+ </header>
	78	+ <div class="q-group-cont q-file-area">
	79	+ <div class="q-file-txt editor-cont">
	80	+ 해결하려는 문제와 관련하여 관점이 다른 책들을 함께 읽는 것은 해법을 찾는 한 방법이다. 먼제 문제가 무엇인지를 명확히 하고, 이에 관련된 서로 다른 관점의 책을 찾는다. 책을 읽을 때는 자신의 관점에서 각 관점들을 비교 대조하면서 정보의 타당성을 비판적으로 검토하고 평가한 내용을 통합한다. 이를 통해 문제를 다각적 심층적으로 이해하게 됨으로써 자신의 관점을 분명히 하고, 나아가 생각을 발전시켜 관점을 재구성하게 됨으로써 해법을 찾을 수 있다.
	81	+ </div>
	82	+ </div>
	83	+ </section>
69	84	<div class="q-area">
70	85	<div class="q-tit">
71	86	<span class="num">1</span>

538a918

html/onSejong/manager/mystorage/quizView_short.html (added)

+++ html/onSejong/manager/mystorage/quizView_short.html

...	...	@@ -0,0 +1,138 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	24	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	25	+ <!--//퍼블 layout-->
	26	+
	27	+ <!-- 공통 메뉴 js-->
	28	+ <!-- //공통 메뉴 js -->
	29	+
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <section class="viewer">
	38	+ <header class="viewer-header">
	39	+ <div class="viewer-tit">
	40	+ <ul class="info-inline-list">
	41	+ <li>
	42	+ <strong class="info-tit">문항ID</strong>
	43	+ <div class="txt-area">612483</div>
	44	+ </li>
	45	+ </ul>
	46	+ <h1>활동1 무늬를 꾸며보는 방법 알아보기</h1>
	47	+ </div>
	48	+ <button type="button" class="btn sm">
	49	+ <i class="ico-logout"></i>
	50	+ 나가기
	51	+ </button>
	52	+ <div class="viewer-fnc-mo">
	53	+ <div class="etc-fnc-area">
	54	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	55	+ <ul class="etc-fnc">
	56	+ <li><button type="button">문항 오류신고</button></li>
	57	+ </ul>
	58	+ </div>
	59	+ </div>
	60	+ </header>
	61	+ <div class="viewer-body">
	62	+ <div class="viewer-cont">
	63	+ <div class="quiz-viewer">
	64	+ <div class="quiz-viewer-body">
	65	+ <div class="quiz-viewer-cont">
	66	+ <div class="quiz-viewer-wrap">
	67	+ <ul class="viewer-q-list">
	68	+ <li class="q-item">
	69	+ <div class="q-area">
	70	+ <div class="q-tit">
	71	+ <span class="num">1</span>
	72	+ <div class="q-txt">
	73	+ <p>이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까?</p>
	74	+ </div>
	75	+ </div>
	76	+ <div class="q-file-area">
	77	+ <div class="q-file-audio">
	78	+ <audio controls="controls">
	79	+ <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
	80	+ </audio>
	81	+ </div>
	82	+ <div class="q-file-txt">
	83	+ 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까
	84	+ </div>
	85	+ <div class="q-img">
	86	+ <figure>
	87	+ <img src="/resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	88	+ </figure>
	89	+ </div>
	90	+ </div>
	91	+ </div>
	92	+ <div class="a-area">
	93	+ <ul class="a-list">
	94	+ <li>
	95	+ <div class="a-input">
	96	+ <input type="text" placeholder="정답 입력">
	97	+ </div>
	98	+ </li>
	99	+ <li>
	100	+ <div class="a-input">
	101	+ <span class="num">㉠</span>
	102	+ <input type="text" placeholder="정답 입력">
	103	+ </div>
	104	+ </li>
	105	+ <li>
	106	+ <div class="a-input">
	107	+ <span class="num">㉡</span>
	108	+ <input type="text" placeholder="정답 입력">
	109	+ </div>
	110	+ </li>
	111	+ </ul>
	112	+ </div>
	113	+ </li>
	114	+ </ul>
	115	+ <div class="btn-cont">
	116	+ <button class="btn lg primary">정답 및 풀이 보기</button>
	117	+ </div>
	118	+ </div>
	119	+ </div>
	120	+ <div class="quiz-viewer-fnc">
	121	+ <button class="btn-prev" disabled><span>이전 문제</span></button>
	122	+ <button class="btn-next"><span>다음 문제</span></button>
	123	+ </div>
	124	+ </div>
	125	+ </div>
	126	+ </div>
	127	+ <div class="viewer-fnc-cont"></div>
	128	+ </div>
	129	+ </section>
	130	+
	131	+ <!-- toast -->
	132	+ <div class="toast"></div>
	133	+
	134	+ <!--popup-->
	135	+ <div class="dim"></div>
	136	+
	137	+ </body>
	138	+</html>

538a918

html/onSejong/manager/mystorage/testAnswer_short.html (added)

+++ html/onSejong/manager/mystorage/testAnswer_short.html

...	...	@@ -0,0 +1,179 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	24	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	25	+ <!--//퍼블 layout-->
	26	+
	27	+ <!-- 공통 메뉴 js-->
	28	+ <!-- //공통 메뉴 js -->
	29	+
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <section class="viewer">
	38	+ <header class="viewer-header">
	39	+ <div class="viewer-tit">
	40	+ <ul class="info-inline-list">
	41	+ <li>
	42	+ <strong class="info-tit">문항ID</strong>
	43	+ <div class="txt-area">612483</div>
	44	+ </li>
	45	+ </ul>
	46	+ <h1>활동1 무늬를 꾸며보는 방법 알아보기</h1>
	47	+ </div>
	48	+ <button type="button" class="btn sm">
	49	+ <i class="ico-logout"></i>
	50	+ 나가기
	51	+ </button>
	52	+ <div class="viewer-fnc-mo">
	53	+ <div class="etc-fnc-area">
	54	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	55	+ <ul class="etc-fnc">
	56	+ <li><button type="button">문항 오류신고</button></li>
	57	+ </ul>
	58	+ </div>
	59	+ </div>
	60	+ </header>
	61	+ <div class="viewer-body">
	62	+ <div class="viewer-cont">
	63	+ <div class="quiz-viewer">
	64	+ <div class="quiz-viewer-body">
	65	+ <div class="quiz-viewer-header">
	66	+ <ul class="info">
	67	+ <li>
	68	+ <strong>현재 문제</strong>
	69	+ <div class="txt-area">
	70	+ <strong>2</strong>
	71	+ / 3
	72	+ </div>
	73	+ </li>
	74	+ <li>
	75	+ <strong>배점</strong>
	76	+ <div class="txt-area">5점</div>
	77	+ </li>
	78	+ </ul>
	79	+ </div>
	80	+ <div class="quiz-viewer-cont">
	81	+ <div class="quiz-viewer-wrap">
	82	+ <ul class="viewer-q-list">
	83	+ <li class="q-item">
	84	+ <div class="q-area">
	85	+ <div class="q-tit">
	86	+ <span class="num">1</span>
	87	+ <div class="q-txt">
	88	+ <p>이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까?</p>
	89	+ </div>
	90	+ </div>
	91	+ <div class="q-file-area">
	92	+ <div class="q-file-audio">
	93	+ <audio controls="controls">
	94	+ <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
	95	+ </audio>
	96	+ </div>
	97	+ <div class="q-file-txt">
	98	+ 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까
	99	+ </div>
	100	+ <div class="q-img">
	101	+ <figure>
	102	+ <img src="/resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	103	+ </figure>
	104	+ </div>
	105	+ </div>
	106	+ </div>
	107	+ <div class="a-area">
	108	+ <ul class="a-list">
	109	+ <li>
	110	+ <div class="a-input a-o">
	111	+ <span class="label-q-o">정답</span>
	112	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	113	+ </div>
	114	+ </li>
	115	+ <li>
	116	+ <div class="a-input a-x">
	117	+ <span class="label-q-x">정답</span>
	118	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	119	+ </div>
	120	+ </li>
	121	+ <li>
	122	+ <div class="a-input a-o">
	123	+ <span class="label-q-o">정답</span>
	124	+ <span class="num">㉠</span>
	125	+ <input type="text" placeholder="정답 입력" value="고려시대" readonly>
	126	+ </div>
	127	+ </li>
	128	+ <li>
	129	+ <div class="a-input a-x">
	130	+ <span class="label-q-x">오답</span>
	131	+ <span class="num">㉡</span>
	132	+ <input type="text" placeholder="정답 입력" value="조선시대" readonly>
	133	+ </div>
	134	+ </li>
	135	+ </ul>
	136	+ </div>
	137	+ </li>
	138	+ </ul>
	139	+ <ul class="q-comment">
	140	+ <li>
	141	+ <strong class="info-tit">정답</strong>
	142	+ <div class="txt-area"><strong>고려시대, 고려시대2</strong></div>
	143	+ </li>
	144	+ <li>
	145	+ <strong class="info-tit">풀이</strong>
	146	+ <div class="txt-area">
	147	+ <div class="q-file-area">
	148	+ <div class="q-file-txt">
	149	+ 이 문제는 두 개의 괄호가 주어진 경우로 둘 중 하나만 정확히 알면 쉽게 정답에 접근할 수 있는 문제이다.<br>
	150	+ ①의 경우 왜냐하면 이하를 먼저 해석하여 아이들이 TV영향을 쉽게 받는다를 유추할 수 있고 ②의 경우는 "말다툼"이 핵심 어구로서 "화해하다"와 연결할 수 있을 것이다.
	151	+ </div>
	152	+ </div>
	153	+ </div>
	154	+ </li>
	155	+ </ul>
	156	+ <div class="btn-cont">
	157	+ <button class="btn lg primary">다시 풀기</button>
	158	+ </div>
	159	+ </div>
	160	+ </div>
	161	+ <div class="quiz-viewer-fnc">
	162	+ <button class="btn-prev" disabled><span>이전 문제</span></button>
	163	+ <button class="btn-next"><span>다음 문제</span></button>
	164	+ </div>
	165	+ </div>
	166	+ </div>
	167	+ </div>
	168	+ <div class="viewer-fnc-cont"></div>
	169	+ </div>
	170	+ </section>
	171	+
	172	+ <!-- toast -->
	173	+ <div class="toast"></div>
	174	+
	175	+ <!--popup-->
	176	+ <div class="dim"></div>
	177	+
	178	+ </body>
	179	+</html>

538a918

html/onSejong/manager/mystorage/testView_short.html (added)

+++ html/onSejong/manager/mystorage/testView_short.html

...	...	@@ -0,0 +1,153 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	24	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	25	+ <!--//퍼블 layout-->
	26	+
	27	+ <!-- 공통 메뉴 js-->
	28	+ <!-- //공통 메뉴 js -->
	29	+
	30	+ <!--공통 퍼블 js-->
	31	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	32	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	33	+ <!--//공통 퍼블 js-->
	34	+ </head>
	35	+
	36	+ <body>
	37	+ <section class="viewer">
	38	+ <header class="viewer-header">
	39	+ <div class="viewer-tit">
	40	+ <ul class="info-inline-list">
	41	+ <li>
	42	+ <strong class="info-tit">문항ID</strong>
	43	+ <div class="txt-area">612483</div>
	44	+ </li>
	45	+ </ul>
	46	+ <h1>활동1 무늬를 꾸며보는 방법 알아보기</h1>
	47	+ </div>
	48	+ <button type="button" class="btn sm">
	49	+ <i class="ico-logout"></i>
	50	+ 나가기
	51	+ </button>
	52	+ <div class="viewer-fnc-mo">
	53	+ <div class="etc-fnc-area">
	54	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	55	+ <ul class="etc-fnc">
	56	+ <li><button type="button">문항 오류신고</button></li>
	57	+ </ul>
	58	+ </div>
	59	+ </div>
	60	+ </header>
	61	+ <div class="viewer-body">
	62	+ <div class="viewer-cont">
	63	+ <div class="quiz-viewer">
	64	+ <div class="quiz-viewer-header">
	65	+ <ul class="info">
	66	+ <li>
	67	+ <strong>현재 문제</strong>
	68	+ <div class="txt-area">
	69	+ <strong>2</strong>
	70	+ / 3
	71	+ </div>
	72	+ </li>
	73	+ <li>
	74	+ <strong>배점</strong>
	75	+ <div class="txt-area">5점</div>
	76	+ </li>
	77	+ </ul>
	78	+ </div>
	79	+ <div class="quiz-viewer-body">
	80	+ <div class="quiz-viewer-cont">
	81	+ <div class="quiz-viewer-wrap">
	82	+ <ul class="viewer-q-list">
	83	+ <li class="q-item">
	84	+ <div class="q-area">
	85	+ <div class="q-tit">
	86	+ <span class="num">1</span>
	87	+ <div class="q-txt">
	88	+ <p>이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까?</p>
	89	+ </div>
	90	+ </div>
	91	+ <div class="q-file-area">
	92	+ <div class="q-file-audio">
	93	+ <audio controls="controls">
	94	+ <source src="../../images/main/before_bg_video.mp4" type="video/mp4" />
	95	+ </audio>
	96	+ </div>
	97	+ <div class="q-file-txt">
	98	+ 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까 보기 이 글에서 알 수 있는 코딩에 대한 내용으로 알맞지 않은 것은 무엇입니까
	99	+ </div>
	100	+ <div class="q-img">
	101	+ <figure>
	102	+ <img src="/resources/front/site/SITE_00000/images/temp/sample_pic1.png" alt="이미지" />
	103	+ </figure>
	104	+ </div>
	105	+ </div>
	106	+ </div>
	107	+ <div class="a-area">
	108	+ <ul class="a-list">
	109	+ <li>
	110	+ <div class="a-input">
	111	+ <input type="text" placeholder="정답 입력">
	112	+ </div>
	113	+ </li>
	114	+ <li>
	115	+ <div class="a-input">
	116	+ <span class="num">㉠</span>
	117	+ <input type="text" placeholder="정답 입력">
	118	+ </div>
	119	+ </li>
	120	+ <li>
	121	+ <div class="a-input">
	122	+ <span class="num">㉡</span>
	123	+ <input type="text" placeholder="정답 입력">
	124	+ </div>
	125	+ </li>
	126	+ </ul>
	127	+ </div>
	128	+ </li>
	129	+ </ul>
	130	+ <div class="btn-cont">
	131	+ <button class="btn lg primary">정답 및 풀이 보기</button>
	132	+ </div>
	133	+ </div>
	134	+ </div>
	135	+ <div class="quiz-viewer-fnc">
	136	+ <button class="btn-prev" disabled><span>이전 문제</span></button>
	137	+ <button class="btn-next"><span>다음 문제</span></button>
	138	+ </div>
	139	+ </div>
	140	+ </div>
	141	+ </div>
	142	+ <div class="viewer-fnc-cont"></div>
	143	+ </div>
	144	+ </section>
	145	+
	146	+ <!-- toast -->
	147	+ <div class="toast"></div>
	148	+
	149	+ <!--popup-->
	150	+ <div class="dim"></div>
	151	+
	152	+ </body>
	153	+</html>

Add a comment

Open 0
Closed 0

List

...	...	@@ -443,7 +443,16 @@
443	443	</li>
444	444	</ul>
445	445	</li>
446		- <li class="before">학교안내</li>
	446	+ <li class="before">
	447	+ 학교안내
	448	+ <ul>
	449	+ <li>인사말</li>
	450	+ <li>교육목표</li>
	451	+ <li>학교상징</li>
	452	+ <li>학교현황</li>
	453	+ <li>오시는길,common/schoolInfo/noticeView.html</li>
	454	+ </ul>
	455	+ </li>
447	456	<li>
448	457	알림마당
449	458	<ul>
...	...	@@ -666,16 +675,20 @@
666	675	문항
667	676	<ul>
668	677	<li>목록,manager/mystorage/quizList.html</li>
669		- <li>문항 상세,manager/mystorage/quizView.html</li>
670		- <li>문항 정답 및 풀이,manager/mystorage/quizAnswer.html</li>
	678	+ <li class="mod">문항 상세(객관식),manager/mystorage/quizView.html</li>
	679	+ <li class="add">문항 상세(주관식),manager/mystorage/quizView_short.html</li>
	680	+ <li>문항 정답 및 풀이(객관식),manager/mystorage/quizAnswer.html</li>
	681	+ <li class="add">문항 정답 및 풀이(주관식),manager/mystorage/quizAnswer_short.html</li>
671	682	</ul>
672	683	</li>
673	684	<li>
674	685	평가지
675	686	<ul>
676	687	<li>목록,manager/mystorage/testList.html</li>
677		- <li>평가지 상세,manager/mystorage/testView.html</li>
678		- <li>평가지 정답 및 풀이,manager/mystorage/testAnswer.html</li>
	688	+ <li>평가지 상세(객관식),manager/mystorage/testView.html</li>
	689	+ <li class="add">평가지 상세(주관식),manager/mystorage/testView_short.html</li>
	690	+ <li>정답 및 풀이(객관식),manager/mystorage/testAnswer.html</li>
	691	+ <li class="add">정답 및 풀이(주관식),manager/mystorage/testAnswer_short.html</li>
679	692	</ul>
680	693	</li>
681	694	</ul>

Delete comment