Commit @8116b427b651d4ce8b41018ab30a0dc6c82d3153

이화경 10-24

마이페이지 퍼블 수정중

@8116b427b651d4ce8b41018ab30a0dc6c82d3153

b07fbc2

8116b42

html/onSejong/index.html

--- html/onSejong/index.html

+++ html/onSejong/index.html


                                         <li>
                                             과정 개설하기
                                             <ul>
-                                                <li>과정 개설하기,manager/class/courseAdd.html</li>
-                                                <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
-                                                <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
-                                                <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
-                                                <li>[팝업]자유게시판 추가,manager/class/pop_boardAdd.html</li>
+                                                <li>과정 개설하기,manager/myclass/courseAdd.html</li>
+                                                <li>[팝업]선생님 찾기,manager/myclass/pop_teacherFind.html</li>
+                                                <li>[팝업]수업시간 선택,manager/myclass/pop_classTimeSet.html</li>
+                                                <li>[팝업]평가방법 추가,manager/myclass/pop_assessmentSet.html</li>
+                                                <li>[팝업]자유게시판 추가,manager/myclass/pop_boardAdd.html</li>
                                             </ul>
                                         </li>
                                         <li>
                                             과정 수정
                                             <ul>
-                                                <li>과정 수정,manager/class/courseEdit.html</li>
-                                                <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
-                                                <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
+                                                <li>과정 수정,manager/myclass/courseEdit.html</li>
+                                                <li>[팝업]자유게시판 설정,manager/myclass/pop_boardSetting.html</li>
+                                                <li>[팝업]과정 폐강,manager/myclass/pop_cancelWrite.html</li>
                                             </ul>
                                         </li>
                                     </ul>

                         <li>
                             마이페이지
                             <ul class="before">
-                                <li>마이 프로필</li>
-                                <li>강사 카드관리</li>
+                                <li>마이 프로필,manager/mypage/profile.html</li>
+                                <li>강사 카드관리,manager/mypage/teacherCard.html</li>
                                 <li>
                                     강사 확인증
                                     <ul>
-                                        <li>강사확인증</li>
+                                        <li>강사확인증,manager/mypage/teacherCert.html</li>
                                         <li>[인쇄]강사확인증,manager/mypage/print_career.html</li>
                                     </ul>
                                 </li>

                         <li class="before">
                             마이페이지
                             <ul>
+                                <li>마이 프로필,member/mypage/profile.html</li>
                                 <li>[인쇄]이수증,member/mypage/print_certificate.html</li>
                             </ul>
                         </li>

b07fbc2

8116b42

html/onSejong/manager/myclass/activityReport.html

--- html/onSejong/manager/myclass/activityReport.html

+++ html/onSejong/manager/myclass/activityReport.html


         <!-- 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>
+        <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script>
         <!-- //chart -->
         <!-- //페이지 plugin-->
         <!-- 공통 퍼블 layout: 개발시 삭제-->

                                 </div>
                             </div>
                         </section>
+                        <section class="section-box">
+                            <header class="box-header">
+                                <div class="l-area">
+                                    <h3 class="section-box-tit">평가별 정답률</h3>
+                                </div>
+                            </header>
+                            <div class="box-body">
+                                <div class="chart-area">
+                                    <div class="chart">
+                                        <canvas id="evalChart" style="max-height: 28rem;"></canvas>
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
                         <div class="row">
                             <section class="section-box">
                                 <header class="box-header">

                                 <div class="box-body">
                                     <ul class="chart-bar-list">
                                         <li>
+                                            
                                             <div class="chart-tit-area">
                                                 <div class="chart-tit">#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
                                             </div>
                                             <div class="bar-area">
-                                                <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50% 오답률</small>
+                                                <span class="bar" style="width:22%;"></span><small class="chart-label">22% 오답률</small>
                                             </div>
                                         </li>
                                         <li>

                                                 <div class="chart-tit">#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
                                             </div>
                                             <div class="bar-area">
-                                                <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22% 오답률</small>
+                                                <span class="bar" style="width:62%;"></span><small class="chart-label">62% 오답률</small>
                                             </div>
                                         </li>
                                         <li>

                                                 <div class="chart-tit">#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
                                             </div>
                                             <div class="bar-area">
-                                                <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50% 오답률</small>
+                                                <span class="bar" style="width:22%;"></span><small class="chart-label">22% 오답률</small>
                                             </div>
                                         </li>
                                         <li>
                                             <div class="chart-tit-area">
-                                                <div class="chart-tit">#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
+                                                <div class="chart-tit">#123456 | 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
                                             </div>
                                             <div class="bar-area">
-                                                <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22% 오답률</small>
+                                                <span class="bar" style="width:62%;"></span><small class="chart-label">62% 오답률</small>
                                             </div>
                                         </li>
                                     </ul>

                     labels: ['2025-01-01', '2025-01-02', '2025-01-03', '2025-01-04', '2025-01-05'],
                     data: [0, 50, 87, 30, 100],
                 };
-
                 createChartBarWidthauto('courseCompletion', courseCompletionData.labels, courseCompletionData.data, null, 65);
-                // createChartBar('courseCompletion', courseCompletionData.labels, courseCompletionData.data,);
                 
+                // 수업 이수율
+                const evalChartData = {
+                    labels: ['2025-01-01', '2025-01-02', '2025-01-03', '2025-01-04', '2025-01-05'],
+                    data: [0, 50, 87, 30, 100],
+                };
+                createChartBarWidthauto('evalChart', evalChartData.labels, evalChartData.data, null, 75);
+
+                //문항 난이도별 정답률
+                const quizLevelData = {
+                    labels: ['매우쉬움', '쉬움', '보통', '어려움', '매우어려움'],
+                    data: [0, 50, 87, 30, 100],
+                };
+                createChartBar('quizLevel', quizLevelData.labels, quizLevelData.data);
             });
             
         </script>

b07fbc2

8116b42

html/onSejong/manager/myclass/courseAdd.html (Renamed from html/onSejong/manager/class/courseAdd.html)

--- html/onSejong/manager/class/courseAdd.html

+++ html/onSejong/manager/myclass/courseAdd.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/courseEdit.html (Renamed from html/onSejong/manager/class/courseEdit.html)

--- html/onSejong/manager/class/courseEdit.html

+++ html/onSejong/manager/myclass/courseEdit.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_assessmentSet.html (Renamed from html/onSejong/manager/class/pop_assessmentSet.html)

--- html/onSejong/manager/class/pop_assessmentSet.html

+++ html/onSejong/manager/myclass/pop_assessmentSet.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_boardAdd.html (Renamed from html/onSejong/manager/class/pop_boardAdd.html)

--- html/onSejong/manager/class/pop_boardAdd.html

+++ html/onSejong/manager/myclass/pop_boardAdd.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_boardSetting.html (Renamed from html/onSejong/manager/class/pop_boardSetting.html)

--- html/onSejong/manager/class/pop_boardSetting.html

+++ html/onSejong/manager/myclass/pop_boardSetting.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_cancelWrite.html (Renamed from html/onSejong/manager/class/pop_cancelWrite.html)

--- html/onSejong/manager/class/pop_cancelWrite.html

+++ html/onSejong/manager/myclass/pop_cancelWrite.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_classTimeSet.html (Renamed from html/onSejong/manager/class/pop_classTimeSet.html)

--- html/onSejong/manager/class/pop_classTimeSet.html

+++ html/onSejong/manager/myclass/pop_classTimeSet.html

No changes

b07fbc2

8116b42

html/onSejong/manager/myclass/pop_teacherFind.html (Renamed from html/onSejong/manager/class/pop_teacherFind.html)

--- html/onSejong/manager/class/pop_teacherFind.html

+++ html/onSejong/manager/myclass/pop_teacherFind.html

No changes

8116b42

html/onSejong/manager/mypage/profile.html (added)

+++ html/onSejong/manager/mypage/profile.html

...	...	@@ -0,0 +1,302 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	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	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	14	+ <!-- 공통 plugin -->
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	16	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	17	+ <!-- //공통 plugin -->
	18	+ <!-- 페이지 plugin-->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	21	+ <!-- chart -->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	24	+ <!-- //chart -->
	25	+ <!-- //페이지 plugin-->
	26	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	+ <!--//퍼블 layout-->
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	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	+ <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="section">
	60	+ <h3 class="txt-hide">회원 정보</h3>
	61	+ <div class="profile xlg">
	62	+ <div class="img-area">
	63	+ <figure>
	64	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	65	+ </figure>
	66	+ </div>
	67	+ </div>
	68	+ <div class="input-flex-area file-add-area">
	69	+ <div class="file-custom">
	70	+ <input type="file" class="input-file" title="파일찾기" />
	71	+ <span class="btn secondary ico-upload">파일 찾기</span>
	72	+ </div>
	73	+ <div class="fnc">
	74	+ <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
	75	+ </div>
	76	+ </div>
	77	+ <h3 class="title">김세종님</h3>
	78	+ </section>
	79	+ <section class="section">
	80	+ <h3 class="txt-hide">프로필 상세</h3>
	81	+ <div class="write-type">
	82	+ <table>
	83	+ <caption>프로필 상세 표</caption>
	84	+ <colgroup>
	85	+ <col style="width: 16rem;">
	86	+ <col>
	87	+ </colgroup>
	88	+ <tbody>
	89	+ <tr>
	90	+ <th scope="col">이름<i class="required">필수</i></th>
	91	+ <td>김세종</td>
	92	+ </tr>
	93	+ <tr>
	94	+ <th scope="col">ID<i class="required">필수</i></th>
	95	+ <td>User_ID</td>
	96	+ </tr>
	97	+ <tr>
	98	+ <th scope="row">
	99	+ 휴대전화 번호
	100	+ <i class="required">필수</i>
	101	+ </th>
	102	+ <td>
	103	+ <div class="form-cont">
	104	+ <div class="form-row">
	105	+ <div class="input-phone-area">
	106	+ <div class="phone">
	107	+ <select title="전화번호 앞자리 선택" disabled>
	108	+ <option value="010">010</option>
	109	+ <option value="011">011</option>
	110	+ </select>
	111	+ <span aria-hidden="true">-</span>
	112	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234" disabled/>
	113	+ <span aria-hidden="true">-</span>
	114	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678" disabled/>
	115	+ </div>
	116	+ <div class="fnc">
	117	+ <button type="button" class="btn primary">휴대전화 변경</button>
	118	+ </div>
	119	+ </div>
	120	+ </div>
	121	+ </div>
	122	+ </td>
	123	+ </tr>
	124	+ <tr>
	125	+ <th scope="row">
	126	+ 휴대전화 번호
	127	+ <i class="required">필수</i>
	128	+ </th>
	129	+ <td>
	130	+ <div class="form-cont">
	131	+ <div class="form-row">
	132	+ <div class="input-phone-area">
	133	+ <div class="phone">
	134	+ <select title="전화번호 앞자리 선택">
	135	+ <option value="010">010</option>
	136	+ <option value="011">011</option>
	137	+ </select>
	138	+ <span aria-hidden="true">-</span>
	139	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234"/>
	140	+ <span aria-hidden="true">-</span>
	141	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/>
	142	+ </div>
	143	+ <div class="fnc">
	144	+ <button type="button" class="btn primary">인증번호 발송</button>
	145	+ </div>
	146	+ </div>
	147	+ </div>
	148	+ </div>
	149	+ </td>
	150	+ </tr>
	151	+ <tr>
	152	+ <th scope="row">이메일</th>
	153	+ <td>
	154	+ <div class="input-email-area">
	155	+ <div class="email-id">
	156	+ <input type="email" title="이메일 아이디 입력" />
	157	+ <span aria-hidden="true">@</span>
	158	+ </div>
	159	+ <div class="email-domain">
	160	+ <select title="도메인 선택">
	161	+ <!-- <option>naver.com</option> -->
	162	+ <option>직접입력</option>
	163	+ </select>
	164	+ <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력" />
	165	+ </div>
	166	+ </div>
	167	+ </td>
	168	+ </tr>
	169	+ <tr>
	170	+ <th scope="row">비밀번호<i class="required">필수</i></th>
	171	+ <td>
	172	+ <div class="form-cont">
	173	+ <div class="form-row input-box input-pw-area">
	174	+ <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요."
	175	+ title="비밀번호를 입력하세요">
	176	+ <button type="button" class="btn-pw-toggle">비밀번호보기</button>
	177	+ </div>
	178	+ <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
	179	+ </div>
	180	+ </td>
	181	+ </tr>
	182	+ <tr>
	183	+ <th scope="row">가입정보</th>
	184	+ <td></td>
	185	+ </tr>
	186	+ <tr>
	187	+ <th scope="row">역할</th>
	188	+ <td>
	189	+ <fieldset class="checkradio-area">
	190	+ <legend>역할 선택</legend>
	191	+ <div class="checkradio">
	192	+ <input type="radio" id="role1" name="role" checked />
	193	+ <label for="role1">교원</label>
	194	+ </div>
	195	+ <div class="checkradio">
	196	+ <input type="radio" id="role2" name="role" />
	197	+ <label for="role2">지방공무원</label>
	198	+ </div>
	199	+ <div class="checkradio">
	200	+ <input type="radio" id="role3" name="role" />
	201	+ <label for="role3">강사</label>
	202	+ </div>
	203	+ </fieldset>
	204	+ </td>
	205	+ </tr>
	206	+ </tbody>
	207	+ </table>
	208	+ </div>
	209	+ </section>
	210	+ <section class="section">
	211	+ <header class="section-tit-area">
	212	+ <div class="l-area dir-col">
	213	+ <h3 class="title-lg">학교정보(소속기관)</h3>
	214	+ </div>
	215	+ </header>
	216	+ <div class="write-type">
	217	+ <table>
	218	+ <caption>학교정보(소속기관)</caption>
	219	+ <colgroup>
	220	+ <col style="width: 240px" />
	221	+ <col />
	222	+ </colgroup>
	223	+ <tbody>
	224	+ <tr>
	225	+ <th scope="row">학교</th>
	226	+ <td>
	227	+ <select title="학교 선택">
	228	+ <option>세종미래여자고등학교</option>
	229	+ </select>
	230	+ </td>
	231	+ </tr>
	232	+ <tr>
	233	+ <th scope="row">담당학급</th>
	234	+ <td>
	235	+ <fieldset class="checkradio-area">
	236	+ <legend>담당학급 선택</legend>
	237	+ <div class="checkradio">
	238	+ <input type="radio" id="htea" name="htea" checked />
	239	+ <label for="htea">담임선생님</label>
	240	+ <fieldset class="checkradio-option">
	241	+ <legend>학년,반 선택</legend>
	242	+ <select title="학년 선택">
	243	+ <option>1학년</option>
	244	+ </select>
	245	+ <select title="반 선택">
	246	+ <option>2반</option>
	247	+ </select>
	248	+ </fieldset>
	249	+ </div>
	250	+ <div class="checkradio">
	251	+ <input type="radio" id="hteaN" name="htea" />
	252	+ <label for="hteaN">담임아님</label>
	253	+ </div>
	254	+ </fieldset>
	255	+ </td>
	256	+ </tr>
	257	+ <tr>
	258	+ <th scope="row">소속기관 연락처</th>
	259	+ <td>
	260	+ <div class="form-cont">
	261	+ <div class="form-row">
	262	+ <div class="input-phone-area">
	263	+ <div class="phone">
	264	+ <select title="전화번호 앞자리 선택">
	265	+ <option value="010">010</option>
	266	+ <option value="011">011</option>
	267	+ </select>
	268	+ <span aria-hidden="true">-</span>
	269	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234"/>
	270	+ <span aria-hidden="true">-</span>
	271	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/>
	272	+ </div>
	273	+ </div>
	274	+ </div>
	275	+ </div>
	276	+ </td>
	277	+ </tr>
	278	+ </tbody>
	279	+ </table>
	280	+ </div>
	281	+ </section>
	282	+ <div class="btn-flex-cont">
	283	+ <div class="l-area">
	284	+ <a href="#none" class="btn lg danger">회원 탈퇴</a>
	285	+ </div>
	286	+ <div class="r-area">
	287	+ <button type="submit" class="btn lg ico-home">홈으로 이동</button>
	288	+ <button type="submit" class="btn lg primary">저장</button>
	289	+ </div>
	290	+ </div>
	291	+ </div>
	292	+ </div>
	293	+ </div>
	294	+ <footer class="site-footer"></footer>
	295	+ </div>
	296	+ <!-- toast -->
	297	+ <div class="toast"></div>
	298	+ <!--popup-->
	299	+ <div class="dim"></div>
	300	+</body>
	301	+
	302	+</html>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/manager/mypage/teacherCard.html (added)

+++ html/onSejong/manager/mypage/teacherCard.html

...	...	@@ -0,0 +1,330 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	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	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	14	+ <!-- 공통 plugin -->
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	16	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	17	+ <!-- //공통 plugin -->
	18	+ <!-- 페이지 plugin-->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	21	+ <!-- chart -->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	24	+ <!-- //chart -->
	25	+ <!-- //페이지 plugin-->
	26	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	+ <!--//퍼블 layout-->
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	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	+ <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="section">
	60	+ <header class="section-tit-area">
	61	+ <div class="l-area">
	62	+ <h3 class="title-lg">공통정보</h3>
	63	+ </div>
	64	+ <div class="r-area">
	65	+ <p class="msg">
	66	+ 관리자 상태 변경일 : 진행중
	67	+ </p>
	68	+ </div>
	69	+ </header>
	70	+ <div class="write-type">
	71	+ <table>
	72	+ <caption>공통정보</caption>
	73	+ <colgroup>
	74	+ <col style="width: 240px" />
	75	+ <col />
	76	+ </colgroup>
	77	+ <tbody>
	78	+ <tr>
	79	+ <th scope="row">지도교사(이름)</th>
	80	+ <td>김세종</td>
	81	+ </tr>
	82	+ <tr>
	83	+ <th scope="row">휴대전화번호</th>
	84	+ <td>010 - 1234 - 5678</td>
	85	+ </tr>
	86	+ <tr>
	87	+ <th scope="row">이메일</th>
	88	+ <td>dataeum@dataeum.kr</td>
	89	+ </tr>
	90	+ <tr>
	91	+ <th scope="row">
	92	+ 생년월일
	93	+ <i class="required">필수</i>
	94	+ </th>
	95	+ <td>
	96	+ <div class="input-flex-area">
	97	+ <select title="년도 선택" class="flex1">
	98	+ <option>년도</option>
	99	+ </select>
	100	+ <select title="월 선택" class="flex1">
	101	+ <option>월</option>
	102	+ </select>
	103	+ <select title="일 선택" class="flex1">
	104	+ <option>일</option>
	105	+ </select>
	106	+ </div>
	107	+ </td>
	108	+ </tr>
	109	+ <tr>
	110	+ <th scope="row">내외국인</th>
	111	+ <td>
	112	+ <fieldset class="checkradio-area">
	113	+ <legend>내외국인 선택</legend>
	114	+ <div class="checkradio">
	115	+ <input type="radio" id="nat1" name="nat" checked />
	116	+ <label for="nat1">내국인</label>
	117	+ </div>
	118	+ <div class="checkradio">
	119	+ <input type="radio" id="nat2" name="nat" />
	120	+ <label for="nat2">외국인</label>
	121	+ </div>
	122	+ </fieldset>
	123	+ </td>
	124	+ </tr>
	125	+ <tr>
	126	+ <th scope="row">성별</th>
	127	+ <td>
	128	+ <fieldset class="checkradio-area">
	129	+ <legend>성별 선택</legend>
	130	+ <div class="checkradio">
	131	+ <input type="radio" id="gen1" name="gen" checked />
	132	+ <label for="gen1">여자</label>
	133	+ </div>
	134	+ <div class="checkradio">
	135	+ <input type="radio" id="gen2" name="gen" />
	136	+ <label for="gen2">남자</label>
	137	+ </div>
	138	+ </fieldset>
	139	+ </td>
	140	+ </tr>
	141	+ <tr>
	142	+ <th scope="row">주소</th>
	143	+ <td>
	144	+ <input type="text" title="우편번호 입력" placeholder="우편번호" class="q0" disabled>
	145	+ <button type="button" class="btn secondary">우편번호</button>
	146	+ <input type="text" title="주소 입력" placeholder="주소" class="q4" disabled>
	147	+ <input type="text" title="상세주소 입력" placeholder="상세주소를 입력하세요." class="q4">
	148	+ </td>
	149	+ </tr>
	150	+ <tr>
	151	+ <th scope="row">주요경력</th>
	152	+ <td>
	153	+ <div class="txt-count-area">
	154	+ <textarea title="텍스트 입력" placeholder="내용을 입력하세요."></textarea>
	155	+ <div class="txt-count"><strong>0</strong>/<span>1000</span>자</div>
	156	+ </div>
	157	+ </td>
	158	+ </tr>
	159	+ <tr>
	160	+ <th scope="row">경력증빙서류</th>
	161	+ <td>
	162	+ <div class="file-add-area">
	163	+ <div class="file-custom">
	164	+ <input type="file" class="input-file" title="파일첨부">
	165	+ <span class="btn secondary ico-upload">파일첨부</span>
	166	+ </div>
	167	+ <div class="item-area">
	168	+ <div class="item">
	169	+ <p class="txt">경력증빙.hwp</p>
	170	+ <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button>
	171	+ </div>
	172	+ </div>
	173	+ </div>
	174	+ </td>
	175	+ </tr>
	176	+ <tr>
	177	+ <th scope="row">비고(메모)</th>
	178	+ <td>
	179	+ <div>
	180	+ <textarea placeholder="내용을 입력하세요." title="비고 입력"></textarea>
	181	+ </div>
	182	+ </td>
	183	+ </tr>
	184	+ <tr>
	185	+ <th scope="row">인력풀 등재</th>
	186	+ <td>
	187	+ <fieldset class="checkradio-area">
	188	+ <legend>인력풀 등재 선택</legend>
	189	+ <div class="checkradio">
	190	+ <input type="checkbox" id="pool" name="pool"/>
	191	+ <label for="pool">인력풀 등재를 희망합니다.</label>
	192	+ </div>
	193	+ </fieldset>
	194	+ </td>
	195	+ </tr>
	196	+ <tr>
	197	+ <th scope="row">개인정보수집 이용 동의</th>
	198	+ <td>
	199	+ <div class="form-agree-area">
	200	+ <h4 class="txt-hide">개인정보 처리방침</h4>
	201	+ <div class="txt-area">
	202	+ 개인정보 수집 및 이용에 동의해 주세요.<br>
	203	+ 1. 수집 목적 :<br>
	204	+ 2. 수집 항목 :<br>
	205	+ 3. 보유 및 이용 기간 :<br>
	206	+ </div>
	207	+ <div class="checkradio">
	208	+ <input type="checkbox" id="privacyAree">
	209	+ <label for="privacyAree">개인정보 수집 및 이용에 동의합니다.</label>
	210	+ </div>
	211	+ </div>
	212	+ </td>
	213	+ </tr>
	214	+ <tr>
	215	+ <th scope="row">성범죄 조회 동의</th>
	216	+ <td>
	217	+ <div class="form-agree-area">
	218	+ <h4 class="txt-hide">성범죄 조회 동의</h4>
	219	+ <div class="txt-area">
	220	+ 본인은 세종특별자치시교육청 기관(온세종학교) 취업자(취업예정자)로서, 「아동 · 청소년의 성보호에 관한 법률」제56조 및 같은 법 시행령 제25조에 따른 성범죄경력 조회, 「아동복지법 」제29조의3에 따른 아동학대 범죄전력 조회 신청에 동의합니다.<br>
	221	+ 1. 수집 목적 :<br>
	222	+ 2. 수집 항목 : 이름 / 주민등록번호(외국인번호) / 주소 / 전화번호<br>
	223	+ 3. 보유 및 이용 기간 : 최대 3 ~ 5년<br>
	224	+ </div>
	225	+ <div class="checkradio">
	226	+ <input type="checkbox" id="privacyAree">
	227	+ <label for="privacyAree">성범죄 경력 조회에 동의합니다.</label>
	228	+ </div>
	229	+ </div>
	230	+ </td>
	231	+ </tr>
	232	+ </tbody>
	233	+ </table>
	234	+ </div>
	235	+ </section>
	236	+ <section class="section">
	237	+ <header class="section-tit-area">
	238	+ <div class="l-area">
	239	+ <h3 class="title-lg">과목정보</h3>
	240	+ </div>
	241	+ </header>
	242	+ <div class="list-type">
	243	+ <table>
	244	+ <caption>과목정보</caption>
	245	+ <colgroup>
	246	+ <col style="width: 24%;">
	247	+ <col>
	248	+ <col>
	249	+ <col>
	250	+ <col>
	251	+ <col>
	252	+ <col>
	253	+ </colgroup>
	254	+ <thead>
	255	+ <tr>
	256	+ <th scope="col">구분</th>
	257	+ <th scope="col">과목/전공</th>
	258	+ <th scope="col">강좌명</th>
	259	+ <th scope="col">대상학년</th>
	260	+ <th scope="col">운영기간</th>
	261	+ <th scope="col">학점(운영시간)</th>
	262	+ <th scope="col">모집인원</th>
	263	+ </tr>
	264	+ </thead>
	265	+ <tbody>
	266	+ <tr>
	267	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	268	+ <td data-tit="과목/전공">수학</td>
	269	+ <td data-tit="강좌명">인공지능 수학</td>
	270	+ <td data-tit="대상학년">고2</td>
	271	+ <td data-tit="운영기간">2025-09-01 ~ 2025-09-30</td>
	272	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	273	+ <td data-tit="모집인원">5명 ~ 15명</td>
	274	+ </tr>
	275	+ <tr>
	276	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	277	+ <td data-tit="과목/전공">수학</td>
	278	+ <td data-tit="강좌명">인공지능 수학</td>
	279	+ <td data-tit="대상학년">고2</td>
	280	+ <td data-tit="운영기간">2025-09-01 ~ 2025-09-30</td>
	281	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	282	+ <td data-tit="모집인원">5명 ~ 15명</td>
	283	+ </tr>
	284	+ </tbody>
	285	+ </table>
	286	+ </div>
	287	+ </section>
	288	+ <div class="btn-cont">
	289	+ <button type="submit" class="btn lg">취소</button>
	290	+ <button type="submit" class="btn lg primary">저장</button>
	291	+ <button type="submit" class="btn lg primary">수정</button>
	292	+ </div>
	293	+ </div>
	294	+ </div>
	295	+ </div>
	296	+ <footer class="site-footer"></footer>
	297	+ </div>
	298	+ <!-- toast -->
	299	+ <div class="toast"></div>
	300	+ <!--popup-->
	301	+ <div class="dim"></div>
	302	+ <script>
	303	+ $(document).ready(function () {
	304	+ $(".txt-count-area").each(function () {
	305	+ const $txtcountarea = $(this);
	306	+ const $textarea = $txtcountarea.find('textarea, input');
	307	+ const $countarea = $txtcountarea.find('.txt-count');
	308	+ const $countStrong = $countarea.find("strong");
	309	+ const $maxCountSpan = $countarea.find("span");
	310	+
	311	+ const maxLength = parseInt($maxCountSpan.text(), 10);
	312	+
	313	+ const initialLength = $textarea.val().length;
	314	+ $countStrong.text(initialLength);
	315	+
	316	+ $textarea.on("input", function () {
	317	+ const currentLength = $(this).val().length;
	318	+ $countStrong.text(currentLength);
	319	+ if (currentLength > maxLength) {
	320	+ $(this).val($(this).val().substring(0, maxLength));
	321	+ $countStrong.text(maxLength);
	322	+ toastShow('최대 글자 수를 초과했습니다.');
	323	+ }
	324	+ });
	325	+ });
	326	+ });
	327	+ </script>
	328	+</body>
	329	+
	330	+</html>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/manager/mypage/teacherCert.html (added)

+++ html/onSejong/manager/mypage/teacherCert.html

...	...	@@ -0,0 +1,172 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	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	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	14	+ <!-- 공통 plugin -->
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	16	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	17	+ <!-- //공통 plugin -->
	18	+ <!-- 페이지 plugin-->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	21	+ <!-- chart -->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	24	+ <!-- //chart -->
	25	+ <!-- //페이지 plugin-->
	26	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	+ <!--//퍼블 layout-->
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	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	+ <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="section">
	60	+ <h3 class="txt-hide">기간선택</h3>
	61	+ <div class="write-type">
	62	+ <table>
	63	+ <caption>기간선택</caption>
	64	+ <colgroup>
	65	+ <col style="width: 240px" />
	66	+ <col />
	67	+ </colgroup>
	68	+ <tbody>
	69	+ <tr>
	70	+ <th scope="row">기간</th>
	71	+ <td>
	72	+ <div class="date-box">
	73	+ <input type="date">
	74	+ <span> ~ </span>
	75	+ <input type="date">
	76	+ </div>
	77	+ <button type="button" class="btn-text">
	78	+ 초기화 <i class="ico-refresh sm"></i>
	79	+ </button>
	80	+ <button type="submit" class="btn primary">검색</button>
	81	+ </td>
	82	+ </tr>
	83	+ </tbody>
	84	+ </table>
	85	+ </div>
	86	+ </section>
	87	+ <section class="section">
	88	+ <header class="section-tit-area">
	89	+ <div class="l-area">
	90	+ <h3 class="title-lg">과목정보</h3>
	91	+ </div>
	92	+ <div class="r-area">
	93	+ <button class="btn primary ico-download">강사확인증 다운로드</button>
	94	+ </div>
	95	+ </header>
	96	+ <div class="list-type">
	97	+ <table>
	98	+ <caption>과목정보</caption>
	99	+ <colgroup>
	100	+ <col style="width: 4.8rem">
	101	+ <col style="width: 16%;">
	102	+ <col>
	103	+ <col>
	104	+ <col>
	105	+ <col>
	106	+ <col>
	107	+ <col>
	108	+ </colgroup>
	109	+ <thead>
	110	+ <tr>
	111	+ <th scope="col">
	112	+ <div class="checkradio">
	113	+ <input type="checkbox" class="icon-only" id="chk_all" />
	114	+ <label for="chk_all">선택</label>
	115	+ </div>
	116	+ </th>
	117	+ <th scope="col">구분</th>
	118	+ <th scope="col">과목/전공</th>
	119	+ <th scope="col">강좌명</th>
	120	+ <th scope="col">대상학년</th>
	121	+ <th scope="col">운영기간</th>
	122	+ <th scope="col">학점(운영시간)</th>
	123	+ <th scope="col">모집인원</th>
	124	+ </tr>
	125	+ </thead>
	126	+ <tbody>
	127	+ <tr>
	128	+ <td>
	129	+ <div class="checkradio">
	130	+ <input type="checkbox" class="icon-only" id="chk1_1" />
	131	+ <label for="chk1_1">선택</label>
	132	+ </div>
	133	+ </td>
	134	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	135	+ <td data-tit="과목/전공">수학</td>
	136	+ <td data-tit="강좌명">인공지능 수학</td>
	137	+ <td data-tit="대상학년">고2</td>
	138	+ <td data-tit="운영기간">2025-09-01 ~ 2025-09-30</td>
	139	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	140	+ <td data-tit="모집인원">5명 ~ 15명</td>
	141	+ </tr>
	142	+ <tr>
	143	+ <td>
	144	+ <div class="checkradio">
	145	+ <input type="checkbox" class="icon-only" id="chk1_2" />
	146	+ <label for="chk1_2">선택</label>
	147	+ </div>
	148	+ </td>
	149	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	150	+ <td data-tit="과목/전공">수학</td>
	151	+ <td data-tit="강좌명">인공지능 수학</td>
	152	+ <td data-tit="대상학년">고2</td>
	153	+ <td data-tit="운영기간">2025-09-01 ~ 2025-09-30</td>
	154	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	155	+ <td data-tit="모집인원">5명 ~ 15명</td>
	156	+ </tr>
	157	+ </tbody>
	158	+ </table>
	159	+ </div>
	160	+ </section>
	161	+ </div>
	162	+ </div>
	163	+ </div>
	164	+ <footer class="site-footer"></footer>
	165	+ </div>
	166	+ <!-- toast -->
	167	+ <div class="toast"></div>
	168	+ <!--popup-->
	169	+ <div class="dim"></div>
	170	+</body>
	171	+
	172	+</html>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/member/mypage/_layout/lnb.html (added)

+++ html/onSejong/member/mypage/_layout/lnb.html

...	...	@@ -0,0 +1,12 @@
	1	+<h2>정보공개</h2>
	2	+<nav>
	3	+ <ul>
	4	+ <li><a href="#" class="is-active">마이프로필</a></li>
	5	+ <li><a href="#">학생이수증</a></li>
	6	+ </ul>
	7	+</nav>
	8	+<!-- 모바일 nav -->
	9	+<select title="메뉴 선택">
	10	+ <option>마이프로필</option>
	11	+ <option>학생이수증</option>
	12	+</select>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/member/mypage/profile.html (added)

+++ html/onSejong/member/mypage/profile.html

...	...	@@ -0,0 +1,311 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	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	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	14	+ <!-- 공통 plugin -->
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	16	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	17	+ <!-- //공통 plugin -->
	18	+ <!-- 페이지 plugin-->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	21	+ <!-- chart -->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	24	+ <!-- //chart -->
	25	+ <!-- //페이지 plugin-->
	26	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	+ <!--//퍼블 layout-->
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	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	+ <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="section">
	60	+ <h3 class="txt-hide">회원 정보</h3>
	61	+ <div class="profile xlg">
	62	+ <div class="img-area">
	63	+ <figure>
	64	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" />
	65	+ </figure>
	66	+ </div>
	67	+ </div>
	68	+ <div class="input-flex-area file-add-area">
	69	+ <div class="file-custom">
	70	+ <input type="file" class="input-file" title="파일찾기" />
	71	+ <span class="btn secondary ico-upload">파일 찾기</span>
	72	+ </div>
	73	+ <div class="fnc">
	74	+ <button type="button" class="btn circle danger ico-delete"><span class="txt-hide">삭제</span></button>
	75	+ </div>
	76	+ </div>
	77	+ <h3 class="title">김세종님</h3>
	78	+ </section>
	79	+ <section class="section">
	80	+ <h3 class="txt-hide">프로필 상세</h3>
	81	+ <div class="write-type">
	82	+ <table>
	83	+ <caption>프로필 상세 표</caption>
	84	+ <colgroup>
	85	+ <col style="width: 16rem;">
	86	+ <col>
	87	+ </colgroup>
	88	+ <tbody>
	89	+ <tr>
	90	+ <th scope="col">이름<i class="required">필수</i></th>
	91	+ <td>김세종</td>
	92	+ </tr>
	93	+ <tr>
	94	+ <th scope="col">ID<i class="required">필수</i></th>
	95	+ <td>User_ID</td>
	96	+ </tr>
	97	+ <tr>
	98	+ <th scope="row">
	99	+ 휴대전화 번호
	100	+ <i class="required">필수</i>
	101	+ </th>
	102	+ <td>
	103	+ <div class="form-cont">
	104	+ <div class="form-row">
	105	+ <div class="input-phone-area">
	106	+ <div class="phone">
	107	+ <select title="전화번호 앞자리 선택" disabled>
	108	+ <option value="010">010</option>
	109	+ <option value="011">011</option>
	110	+ </select>
	111	+ <span aria-hidden="true">-</span>
	112	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234" disabled/>
	113	+ <span aria-hidden="true">-</span>
	114	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678" disabled/>
	115	+ </div>
	116	+ <div class="fnc">
	117	+ <button type="button" class="btn primary">휴대전화 변경</button>
	118	+ </div>
	119	+ </div>
	120	+ </div>
	121	+ </div>
	122	+ </td>
	123	+ </tr>
	124	+ <tr>
	125	+ <th scope="row">
	126	+ 휴대전화 번호
	127	+ <i class="required">필수</i>
	128	+ </th>
	129	+ <td>
	130	+ <div class="form-cont">
	131	+ <div class="form-row">
	132	+ <div class="input-phone-area">
	133	+ <div class="phone">
	134	+ <select title="전화번호 앞자리 선택">
	135	+ <option value="010">010</option>
	136	+ <option value="011">011</option>
	137	+ </select>
	138	+ <span aria-hidden="true">-</span>
	139	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234"/>
	140	+ <span aria-hidden="true">-</span>
	141	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/>
	142	+ </div>
	143	+ <div class="fnc">
	144	+ <button type="button" class="btn primary">인증번호 발송</button>
	145	+ </div>
	146	+ </div>
	147	+ </div>
	148	+ </div>
	149	+ </td>
	150	+ </tr>
	151	+ <tr>
	152	+ <th scope="row">이메일</th>
	153	+ <td>
	154	+ <div class="input-email-area">
	155	+ <div class="email-id">
	156	+ <input type="email" title="이메일 아이디 입력" />
	157	+ <span aria-hidden="true">@</span>
	158	+ </div>
	159	+ <div class="email-domain">
	160	+ <select title="도메인 선택">
	161	+ <!-- <option>naver.com</option> -->
	162	+ <option>직접입력</option>
	163	+ </select>
	164	+ <input type="text" class="domain-custom" placeholder="직접 입력" title="직접 입력" />
	165	+ </div>
	166	+ </div>
	167	+ </td>
	168	+ </tr>
	169	+ <tr>
	170	+ <th scope="row">비밀번호<i class="required">필수</i></th>
	171	+ <td>
	172	+ <div class="form-cont">
	173	+ <div class="form-row input-box input-pw-area">
	174	+ <input type="password" class="pw-input input" placeholder="비밀번호를 입력하세요."
	175	+ title="비밀번호를 입력하세요">
	176	+ <button type="button" class="btn-pw-toggle">비밀번호보기</button>
	177	+ </div>
	178	+ <p class="msg">영문 대문자, 영문 소문자, 숫자, 특수문자 중 2종류 이상을 조합하여 최소 10자리 이상으로 구성하세요.</p>
	179	+ </div>
	180	+ </td>
	181	+ </tr>
	182	+ <tr>
	183	+ <th scope="row">
	184	+ 생년월일
	185	+ <i class="required">필수</i>
	186	+ </th>
	187	+ <td>
	188	+ <div class="input-flex-area">
	189	+ <select title="년도 선택" class="flex1">
	190	+ <option>년도</option>
	191	+ </select>
	192	+ <select title="월 선택" class="flex1">
	193	+ <option>월</option>
	194	+ </select>
	195	+ <select title="일 선택" class="flex1">
	196	+ <option>일</option>
	197	+ </select>
	198	+ </div>
	199	+ </td>
	200	+ </tr>
	201	+ <tr>
	202	+ <th scope="row">
	203	+ 보호자 이름
	204	+ <i class="required">필수</i>
	205	+ </th>
	206	+ <td>
	207	+ <input type="text" title="보호자 이름 입력">
	208	+ </td>
	209	+ </tr>
	210	+ <tr>
	211	+ <th scope="row">
	212	+ 보호자 연락처
	213	+ <i class="required">필수</i>
	214	+ </th>
	215	+ <td>
	216	+ <div class="form-cont">
	217	+ <div class="form-row">
	218	+ <div class="input-phone-area">
	219	+ <div class="phone">
	220	+ <select title="전화번호 앞자리 선택">
	221	+ <option value="010">010</option>
	222	+ <option value="011">011</option>
	223	+ </select>
	224	+ <span aria-hidden="true">-</span>
	225	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 가운데자리 입력" value="1234"/>
	226	+ <span aria-hidden="true">-</span>
	227	+ <input type="tel" inputmode="numeric" maxlength="4" pattern="[0-9]*" title="전화번호 뒷자리 입력" value="5678"/>
	228	+ </div>
	229	+ </div>
	230	+ </div>
	231	+ </div>
	232	+ </td>
	233	+ </tr>
	234	+ <tr>
	235	+ <th scope="row">가입정보</th>
	236	+ <td></td>
	237	+ </tr>
	238	+ </tbody>
	239	+ </table>
	240	+ </div>
	241	+ </section>
	242	+ <section class="section">
	243	+ <header class="section-tit-area">
	244	+ <div class="l-area dir-col">
	245	+ <h3 class="title-lg">학교정보(소속기관)</h3>
	246	+ </div>
	247	+ </header>
	248	+ <div class="write-type">
	249	+ <table>
	250	+ <caption>학교정보(소속기관)</caption>
	251	+ <colgroup>
	252	+ <col style="width: 240px" />
	253	+ <col />
	254	+ </colgroup>
	255	+ <tbody>
	256	+ <tr>
	257	+ <th scope="row">학교</th>
	258	+ <td>
	259	+ <select title="학교 선택">
	260	+ <option>세종미래여자고등학교</option>
	261	+ </select>
	262	+ </td>
	263	+ </tr>
	264	+ <tr>
	265	+ <th scope="row">학년/반/번호</th>
	266	+ <td>
	267	+ <div class="input-flex-area">
	268	+ <div class="input-box flex1">
	269	+ <select class="input" title="학년 선택">
	270	+ <option>학년</option>
	271	+ <option>1</option>
	272	+ <option>2</option>
	273	+ </select>
	274	+ <span>학년</span>
	275	+ </div>
	276	+ <div class="input-box flex1">
	277	+ <input type="number" class="input q0" title="반 입력" />
	278	+ <span>반</span>
	279	+ </div>
	280	+ <div class="input-box flex1">
	281	+ <input type="number" class="input q0" title="번호 입력" />
	282	+ <span>번</span>
	283	+ </div>
	284	+ </div>
	285	+ </td>
	286	+ </tr>
	287	+ </tbody>
	288	+ </table>
	289	+ </div>
	290	+ </section>
	291	+ <div class="btn-flex-cont">
	292	+ <div class="l-area">
	293	+ <a href="#none" class="btn lg danger">회원 탈퇴</a>
	294	+ </div>
	295	+ <div class="r-area">
	296	+ <button type="submit" class="btn lg ico-home">홈으로 이동</button>
	297	+ <button type="submit" class="btn lg primary">저장</button>
	298	+ </div>
	299	+ </div>
	300	+ </div>
	301	+ </div>
	302	+ </div>
	303	+ <footer class="site-footer"></footer>
	304	+ </div>
	305	+ <!-- toast -->
	306	+ <div class="toast"></div>
	307	+ <!--popup-->
	308	+ <div class="dim"></div>
	309	+</body>
	310	+
	311	+</html>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/member/mypage/stuCert.html (added)

+++ html/onSejong/member/mypage/stuCert.html

...	...	@@ -0,0 +1,173 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	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	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	14	+ <!-- 공통 plugin -->
	15	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	16	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	17	+ <!-- //공통 plugin -->
	18	+ <!-- 페이지 plugin-->
	19	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script>
	20	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>
	21	+ <!-- chart -->
	22	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	24	+ <!-- //chart -->
	25	+ <!-- //페이지 plugin-->
	26	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	27	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	28	+ <!--//퍼블 layout-->
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	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	+ <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="section">
	60	+ <h3 class="txt-hide">공통정보</h3>
	61	+ <div class="write-type">
	62	+ <table>
	63	+ <caption>공통정보</caption>
	64	+ <colgroup>
	65	+ <col style="width: 240px" />
	66	+ <col />
	67	+ </colgroup>
	68	+ <tbody>
	69	+ <tr>
	70	+ <th scope="row">기간</th>
	71	+ <td>
	72	+ <div class="input-flex-area">
	73	+ <select title="년도 선택" class="flex1">
	74	+ <option disabled selected hidden>년도</option>
	75	+ <option>전체</option>
	76	+ <option>2023 학년</option>
	77	+ <option>2023 학년</option>
	78	+ </select>
	79	+ <select title="학기 선택" class="flex1">
	80	+ <option disabled selected hidden>학기</option>
	81	+ <option>전체</option>
	82	+ <option>1학기</option>
	83	+ <option>2학기</option>
	84	+ </select>
	85	+ </div>
	86	+ <button type="button" class="btn-text">
	87	+ 초기화 <i class="ico-refresh sm"></i>
	88	+ </button>
	89	+ <button type="submit" class="btn primary">검색</button>
	90	+ </td>
	91	+ </tr>
	92	+ </tbody>
	93	+ </table>
	94	+ </div>
	95	+ </section>
	96	+ <section class="section">
	97	+ <header class="section-tit-area">
	98	+ <div class="l-area">
	99	+ <h3 class="title-lg">과목정보</h3>
	100	+ </div>
	101	+ <div class="r-area">
	102	+ <button class="btn primary ico-download">이수증 다운로드</button>
	103	+ </div>
	104	+ </header>
	105	+ <div class="list-type">
	106	+ <table>
	107	+ <caption>과목정보</caption>
	108	+ <colgroup>
	109	+ <col style="width: 4.8rem">
	110	+ <col style="width: 16%;">
	111	+ <col>
	112	+ <col>
	113	+ <col>
	114	+ <col>
	115	+ </colgroup>
	116	+ <thead>
	117	+ <tr>
	118	+ <th scope="col">
	119	+ <div class="checkradio">
	120	+ <input type="checkbox" class="icon-only" id="chk_all" />
	121	+ <label for="chk_all">선택</label>
	122	+ </div>
	123	+ </th>
	124	+ <th scope="col">구분</th>
	125	+ <th scope="col">과목/전공</th>
	126	+ <th scope="col">강좌명</th>
	127	+ <th scope="col">운영기간</th>
	128	+ <th scope="col">학점(운영시간)</th>
	129	+ </tr>
	130	+ </thead>
	131	+ <tbody>
	132	+ <tr>
	133	+ <td>
	134	+ <div class="checkradio">
	135	+ <input type="checkbox" class="icon-only" id="chk1_1" />
	136	+ <label for="chk1_1">선택</label>
	137	+ </div>
	138	+ </td>
	139	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	140	+ <td data-tit="과목">수학</td>
	141	+ <td data-tit="강좌명">인공지능 수학</td>
	142	+ <td data-tit="운영기간">2025년 1학기</td>
	143	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	144	+ </tr>
	145	+ <tr>
	146	+ <td>
	147	+ <div class="checkradio">
	148	+ <input type="checkbox" class="icon-only" id="chk1_2" />
	149	+ <label for="chk1_2">선택</label>
	150	+ </div>
	151	+ </td>
	152	+ <td>캠퍼스공동교육과정 Ⅰ</td>
	153	+ <td data-tit="과목">수학</td>
	154	+ <td data-tit="강좌명">인공지능 수학</td>
	155	+ <td data-tit="운영기간">2025년 1학기</td>
	156	+ <td data-tit="학점(운영시간)">2학점(32시간)</td>
	157	+ </tr>
	158	+ </tbody>
	159	+ </table>
	160	+ </div>
	161	+ </section>
	162	+ </div>
	163	+ </div>
	164	+ </div>
	165	+ <footer class="site-footer"></footer>
	166	+ </div>
	167	+ <!-- toast -->
	168	+ <div class="toast"></div>
	169	+ <!--popup-->
	170	+ <div class="dim"></div>
	171	+</body>
	172	+
	173	+</html>(파일 끝에 줄바꿈 문자 없음)

8116b42

html/onSejong/member/util/badgeList.html (added)

+++ html/onSejong/member/util/badgeList.html

...	...	@@ -0,0 +1,149 @@
	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	+ <section class="section">
	58	+ <div class="summary-grid">
	59	+ <article class="profile-card">
	60	+ <figure>
	61	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="홍길동 프로필 사진">
	62	+ </figure>
	63	+ <div class="profile-info">
	64	+ <div class="txt-area">
	65	+ <p class="profile-name"><em>홍길동</em>님</p>
	66	+ <p>세종캠퍼스고등학교 1학년 6반 7번</p>
	67	+ </div>
	68	+ <button type="button" class="btn xsm ico-refresh">배지 적용 해제</button>
	69	+ </div>
	70	+ </article>
	71	+ <article class="point-card">
	72	+ <h3 class="txt-hide">포인트 정보</h3>
	73	+ <dl class="point-list">
	74	+ <div class="point-avail">
	75	+ <dt>사용 가능 포인트</dt>
	76	+ <dd>2,100</dd>
	77	+ </div>
	78	+ <div class="point-total">
	79	+ <dt>누적 포인트</dt>
	80	+ <dd>16,370P</dd>
	81	+ </div>
	82	+ </dl>
	83	+ </article>
	84	+ </div>
	85	+ </section>
	86	+ <ul class="tabs-nav-lg">
	87	+ <li><a href="#none" class="is-active" title="선택됨">배지리스트</a></li>
	88	+ <li><a href="#none">포인트 내역</a></li>
	89	+ <li><a href="#none">리더보드</a></li>
	90	+ </ul>
	91	+ <section class="section">
	92	+ <h3 class="txt-hide">보유 배지 목록</h3>
	93	+ <ul>
	94	+ <li>
	95	+ <article>
	96	+ <figure>
	97	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="축하 배지">
	98	+ </figure>
	99	+ <h3>배지 ID 01</h3>
	100	+ <p>
	101	+ <span>100P</span>
	102	+ </p>
	103	+ <footer>
	104	+ <button type="button" class="btn">교환하기</button>
	105	+ </footer>
	106	+ </article>
	107	+ </li>
	108	+ <li>
	109	+ <article>
	110	+ <figure>
	111	+ <img src="badge01.png" alt="축하 배지">
	112	+ </figure>
	113	+ <h3>배지 ID 01</h3>
	114	+ <p>
	115	+ <span>100P</span>
	116	+ </p>
	117	+ <footer>
	118	+ <button type="button" class="btn primary">장착하기</button>
	119	+ </footer>
	120	+ </article>
	121	+ </li>
	122	+ <li>
	123	+ <article>
	124	+ <figure>
	125	+ <img src="badge01.png" alt="축하 배지">
	126	+ </figure>
	127	+ <h3>배지 ID 01</h3>
	128	+ <p>
	129	+ <span>100P</span>
	130	+ </p>
	131	+ <footer>
	132	+ <button type="button" class="btn" disabled>장착중</button>
	133	+ </footer>
	134	+ </article>
	135	+ </li>
	136	+ </ul>
	137	+ </section>
	138	+
	139	+ </div>
	140	+ </div>
	141	+ </div>
	142	+ <footer class="site-footer"></footer>
	143	+ </div>
	144	+ <!-- toast -->
	145	+ <div class="toast"></div>
	146	+ <!--popup-->
	147	+ <div class="dim"></div>
	148	+ </body>
	149	+</html>

b07fbc2

8116b42

resources/front/site/SITE_00000/css/custom/page/_hwa.scss

--- resources/front/site/SITE_00000/css/custom/page/_hwa.scss

+++ resources/front/site/SITE_00000/css/custom/page/_hwa.scss

...	...	@@ -1,0 +1,90 @@
	1	+.summary-grid {
	2	+ display: flex;
	3	+ gap: $spacing-lg;
	4	+ .profile-card {
	5	+ display: flex;
	6	+ padding: $spacing-xlg $spacing-2xlg;
	7	+ align-items: center;
	8	+ gap: 24px;
	9	+ border-radius: $radius-md;
	10	+ background: $color-background-default-secondary;
	11	+ img {
	12	+ width: 12rem;
	13	+ height: 12rem;
	14	+ aspect-ratio: 1/1;
	15	+ border-radius: $radius-full;
	16	+ border: $size-stroke-xsm solid $color-stroke-default-secondary;
	17	+ background: url(<path-to-image>) lightgray -128.286px -25.307px / 318% 212% no-repeat;
	18	+ }
	19	+ .profile-info {
	20	+ display: flex;
	21	+ width: 219px;
	22	+ flex-direction: column;
	23	+ align-items: flex-start;
	24	+ gap: $spacing-lg;
	25	+ .profile-name {
	26	+ font-size: $size-font-xlg;
	27	+ }
	28	+ }
	29	+ }
	30	+ .point-card {
	31	+ display: flex;
	32	+ padding: $spacing-xlg $spacing-2xlg;
	33	+ align-items: center;
	34	+ flex: 1 0 0;
	35	+ align-self: stretch;
	36	+ border-radius: $radius-lg;
	37	+ border: $size-stroke-xsm solid $color-stroke-default-tertiary;
	38	+ background: $color-background-default-primary;
	39	+ position: relative;
	40	+ &::after {
	41	+ content: '';
	42	+ position: absolute;
	43	+ right: $spacing-2xlg;
	44	+ bottom: 0;
	45	+ width: 18.7rem;
	46	+ height: 8rem;
	47	+ aspect-ratio: 187/80;
	48	+ background: url('/resources/front/site/SITE_00000/images/custom/common/img-obj.svg')
	49	+ no-repeat right bottom / contain;
	50	+ }
	51	+ .point-list {
	52	+ display: flex;
	53	+ gap: $spacing-lg;
	54	+ align-items: center;
	55	+ }
	56	+ .point-avail {
	57	+ display: flex;
	58	+ align-items: center;
	59	+ gap: $spacing-xsm;
	60	+ dd {
	61	+ min-width: $form-width-sm;
	62	+ font-size: $size-font-3xlg;
	63	+ text-align: right;
	64	+ font-weight: bold;
	65	+ }
	66	+ &::after {
	67	+ content: '';
	68	+ display: inline-block;
	69	+ width: 40px;
	70	+ height: 40px;
	71	+ flex-shrink: 0;
	72	+ background: url('/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg') no-repeat center / contain;
	73	+ vertical-align: middle;
	74	+ }
	75	+ }
	76	+ .point-total {
	77	+ display: flex;
	78	+ height: 40px;
	79	+ padding: 0 $spacing-md;
	80	+ align-items: center;
	81	+ gap: $spacing-2xsm;
	82	+ border-radius: $radius-md;
	83	+ background: $color-background-default-tertiary;
	84	+ dd {
	85	+ font-weight: bold;
	86	+ }
	87	+ }
	88	+
	89	+ }
	90	+} (파일 끝에 줄바꿈 문자 없음)

8116b42

resources/front/site/SITE_00000/images/custom/common/img-obj.svg (added)

+++ resources/front/site/SITE_00000/images/custom/common/img-obj.svg

...	...	@@ -0,0 +1,9 @@
	1	+<svg width="187" height="80" viewBox="0 0 187 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	2	+<rect opacity="0.5" width="187" height="80" fill="url(#pattern0_8731_26639)"/>
	3	+<defs>
	4	+<pattern id="pattern0_8731_26639" patternContentUnits="objectBoundingBox" width="1" height="1">
	5	+<use xlink:href="#image0_8731_26639" transform="matrix(0.0016 0 0 0.00374 0 -0.00116)"/>
	6	+</pattern>
	7	+<image id="image0_8731_26639" width="625" height="268" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
	8	+</defs>
	9	+</svg>

b07fbc2

8116b42

resources/front/site/SITE_00000/js/common-custom.js

--- resources/front/site/SITE_00000/js/common-custom.js

+++ resources/front/site/SITE_00000/js/common-custom.js


 /* chart */
 // 공통
 const defaltBg =  '#F0F0F5';
-const gradientColorPrimary = ['#33C0AF', '#32A7B9'];
-const gradientColorSecondary = ['#C2EFC2', '#42BE42'];
+const gradientColorPrimary = ['#26C1D9', '#91E7F5'];
+const gradientColorSecondary = ['#5FDDCD', '#AEEEE8'];
 const gradientColorAccent = ['#FFC5D7', '#FF8291'];
 
 const gradientColorPositive = ['#C2EFC2', '#42BE42'];

 // const gradientColorOrange =  ['#FF8F66', '#FF6A33'];
 //const gradientColorRed =  ['#F89999', '#F23B3B'];
 
-const gradientColorMint = ['#5FDDCD', '#AEEEE8'];
-const gradientColorSky = ['#26C1D9', '#91E7F5'];
 
 const hexToRGBA = (hex, opacity) => {
     // HEX 값에서 R, G, B 값을 추출

         },
         backgroundColor: function(context) {
             return context.dataIndex % 2 === 0
-                ? createGradient(context.chart.ctx, gradientColorMint)
-                : createGradient(context.chart.ctx, gradientColorSky);
+                ? createGradient(context.chart.ctx, gradientColorPrimary)
+                : createGradient(context.chart.ctx, gradientColorSecondary);
         },
         borderWidth: 0,
         borderRadius: isMobile ? 16 : 24,

         },
         backgroundColor: function(context) {
             return context.dataIndex % 2 === 0
-            ? createGradient(context.chart.ctx, gradientColorMint)
-            : createGradient(context.chart.ctx, gradientColorSky);
+            ? createGradient(context.chart.ctx, gradientColorPrimary)
+            : createGradient(context.chart.ctx, gradientColorSecondary);
         },
         borderWidth: 0,
         borderRadius: isMobile ? 16 : 24,

Add a comment

Open 0
Closed 0

List

...	...	@@ -705,19 +705,19 @@
705	705	<li>
706	706	과정 개설하기
707	707	<ul>
708		- <li>과정 개설하기,manager/class/courseAdd.html</li>
709		- <li>[팝업]선생님 찾기,manager/class/pop_teacherFind.html</li>
710		- <li>[팝업]수업시간 선택,manager/class/pop_classTimeSet.html</li>
711		- <li>[팝업]평가방법 추가,manager/class/pop_assessmentSet.html</li>
712		- <li>[팝업]자유게시판 추가,manager/class/pop_boardAdd.html</li>
	708	+ <li>과정 개설하기,manager/myclass/courseAdd.html</li>
	709	+ <li>[팝업]선생님 찾기,manager/myclass/pop_teacherFind.html</li>
	710	+ <li>[팝업]수업시간 선택,manager/myclass/pop_classTimeSet.html</li>
	711	+ <li>[팝업]평가방법 추가,manager/myclass/pop_assessmentSet.html</li>
	712	+ <li>[팝업]자유게시판 추가,manager/myclass/pop_boardAdd.html</li>
713	713	</ul>
714	714	</li>
715	715	<li>
716	716	과정 수정
717	717	<ul>
718		- <li>과정 수정,manager/class/courseEdit.html</li>
719		- <li>[팝업]자유게시판 설정,manager/class/pop_boardSetting.html</li>
720		- <li>[팝업]과정 폐강,manager/class/pop_cancelWrite.html</li>
	718	+ <li>과정 수정,manager/myclass/courseEdit.html</li>
	719	+ <li>[팝업]자유게시판 설정,manager/myclass/pop_boardSetting.html</li>
	720	+ <li>[팝업]과정 폐강,manager/myclass/pop_cancelWrite.html</li>
721	721	</ul>
722	722	</li>
723	723	</ul>
...	...	@@ -801,12 +801,12 @@
801	801	<li>
802	802	마이페이지
803	803	<ul class="before">
804		- <li>마이 프로필</li>
805		- <li>강사 카드관리</li>
	804	+ <li>마이 프로필,manager/mypage/profile.html</li>
	805	+ <li>강사 카드관리,manager/mypage/teacherCard.html</li>
806	806	<li>
807	807	강사 확인증
808	808	<ul>
809		- <li>강사확인증</li>
	809	+ <li>강사확인증,manager/mypage/teacherCert.html</li>
810	810	<li>[인쇄]강사확인증,manager/mypage/print_career.html</li>
811	811	</ul>
812	812	</li>
...	...	@@ -917,6 +917,7 @@
917	917	<li class="before">
918	918	마이페이지
919	919	<ul>
	920	+ <li>마이 프로필,member/mypage/profile.html</li>
920	921	<li>[인쇄]이수증,member/mypage/print_certificate.html</li>
921	922	</ul>
922	923	</li>

...	...	@@ -336,8 +336,8 @@
336	336	/* chart */
337	337	// 공통
338	338	const defaltBg = '#F0F0F5';
339		-const gradientColorPrimary = ['#33C0AF', '#32A7B9'];
340		-const gradientColorSecondary = ['#C2EFC2', '#42BE42'];
	339	+const gradientColorPrimary = ['#26C1D9', '#91E7F5'];
	340	+const gradientColorSecondary = ['#5FDDCD', '#AEEEE8'];
341	341	const gradientColorAccent = ['#FFC5D7', '#FF8291'];
342	342
343	343	const gradientColorPositive = ['#C2EFC2', '#42BE42'];
...	...	@@ -351,8 +351,6 @@
351	351	// const gradientColorOrange = ['#FF8F66', '#FF6A33'];
352	352	//const gradientColorRed = ['#F89999', '#F23B3B'];
353	353
354		-const gradientColorMint = ['#5FDDCD', '#AEEEE8'];
355		-const gradientColorSky = ['#26C1D9', '#91E7F5'];
356	354
357	355	const hexToRGBA = (hex, opacity) => {
358	356	// HEX 값에서 R, G, B 값을 추출
...	...	@@ -534,8 +532,8 @@
534	532	},
535	533	backgroundColor: function(context) {
536	534	return context.dataIndex % 2 === 0
537		- ? createGradient(context.chart.ctx, gradientColorMint)
538		- : createGradient(context.chart.ctx, gradientColorSky);
	535	+ ? createGradient(context.chart.ctx, gradientColorPrimary)
	536	+ : createGradient(context.chart.ctx, gradientColorSecondary);
539	537	},
540	538	borderWidth: 0,
541	539	borderRadius: isMobile ? 16 : 24,
...	...	@@ -616,8 +614,8 @@
616	614	},
617	615	backgroundColor: function(context) {
618	616	return context.dataIndex % 2 === 0
619		- ? createGradient(context.chart.ctx, gradientColorMint)
620		- : createGradient(context.chart.ctx, gradientColorSky);
	617	+ ? createGradient(context.chart.ctx, gradientColorPrimary)
	618	+ : createGradient(context.chart.ctx, gradientColorSecondary);
621	619	},
622	620	borderWidth: 0,
623	621	borderRadius: isMobile ? 16 : 24,

...	...	@@ -20,6 +20,7 @@
20	20	<!-- chart -->
21	21	<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script>
22	22	<script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>
	23	+ <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script>
23	24	<!-- //chart -->
24	25	<!-- //페이지 plugin-->
25	26	<!-- 공통 퍼블 layout: 개발시 삭제-->
...	...	@@ -159,6 +160,20 @@
159	160	</div>
160	161	</div>
161	162	</section>
	163	+ <section class="section-box">
	164	+ <header class="box-header">
	165	+ <div class="l-area">
	166	+ <h3 class="section-box-tit">평가별 정답률</h3>
	167	+ </div>
	168	+ </header>
	169	+ <div class="box-body">
	170	+ <div class="chart-area">
	171	+ <div class="chart">
	172	+ <canvas id="evalChart" style="max-height: 28rem;"></canvas>
	173	+ </div>
	174	+ </div>
	175	+ </div>
	176	+ </section>
162	177	<div class="row">
163	178	<section class="section-box">
164	179	<header class="box-header">
...	...	@@ -186,11 +201,12 @@
186	201	<div class="box-body">
187	202	<ul class="chart-bar-list">
188	203	<li>
	204	+
189	205	<div class="chart-tit-area">
190	206	<div class="chart-tit">#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
191	207	</div>
192	208	<div class="bar-area">
193		- <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50% 오답률</small>
	209	+ <span class="bar" style="width:22%;"></span><small class="chart-label">22% 오답률</small>
194	210	</div>
195	211	</li>
196	212	<li>
...	...	@@ -198,7 +214,7 @@
198	214	<div class="chart-tit">#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
199	215	</div>
200	216	<div class="bar-area">
201		- <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22% 오답률</small>
	217	+ <span class="bar" style="width:62%;"></span><small class="chart-label">62% 오답률</small>
202	218	</div>
203	219	</li>
204	220	<li>
...	...	@@ -206,15 +222,15 @@
206	222	<div class="chart-tit">#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
207	223	</div>
208	224	<div class="bar-area">
209		- <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50% 오답률</small>
	225	+ <span class="bar" style="width:22%;"></span><small class="chart-label">22% 오답률</small>
210	226	</div>
211	227	</li>
212	228	<li>
213	229	<div class="chart-tit-area">
214		- <div class="chart-tit">#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
	230	+ <div class="chart-tit">#123456 \| 무엇인지 맞춰보세요. 문항의 질문이 표시되는 영역</div>
215	231	</div>
216	232	<div class="bar-area">
217		- <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22% 오답률</small>
	233	+ <span class="bar" style="width:62%;"></span><small class="chart-label">62% 오답률</small>
218	234	</div>
219	235	</li>
220	236	</ul>
...	...	@@ -246,10 +262,21 @@
246	262	labels: ['2025-01-01', '2025-01-02', '2025-01-03', '2025-01-04', '2025-01-05'],
247	263	data: [0, 50, 87, 30, 100],
248	264	};
249		-
250	265	createChartBarWidthauto('courseCompletion', courseCompletionData.labels, courseCompletionData.data, null, 65);
251		- // createChartBar('courseCompletion', courseCompletionData.labels, courseCompletionData.data,);
252	266
	267	+ // 수업 이수율
	268	+ const evalChartData = {
	269	+ labels: ['2025-01-01', '2025-01-02', '2025-01-03', '2025-01-04', '2025-01-05'],
	270	+ data: [0, 50, 87, 30, 100],
	271	+ };
	272	+ createChartBarWidthauto('evalChart', evalChartData.labels, evalChartData.data, null, 75);
	273	+
	274	+ //문항 난이도별 정답률
	275	+ const quizLevelData = {
	276	+ labels: ['매우쉬움', '쉬움', '보통', '어려움', '매우어려움'],
	277	+ data: [0, 50, 87, 30, 100],
	278	+ };
	279	+ createChartBar('quizLevel', quizLevelData.labels, quizLevelData.data);
253	280	});
254	281
255	282	</script>

Delete comment