Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>     <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="wrap"> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">스스로 진단 결과보고서</h2> </div> </div> <div class="ai-result"> <ul class="info-box-list"> <li class="bg-primary dir-col"> <span class="label primary lg round">충북초등학교</span> <div class="txt-area dir-col center"> <span>3학년 2반 5번</span> <em>김채움</em> </div> </li> <li> <strong>과목</strong> <div class="txt-area"> <em>수학</em> </div> </li> <li> <strong>영역</strong> <div class="txt-area"> <em>수와연산</em> </div> </li> <li> <strong>정답율</strong> <div class="txt-area"> <em>55%</em> </div> <ul class="info-inline-list"> <li> <cite>맞은 문항수</cite> <div class="txt-area">12</div> </li> <li> <cite>틀린 문항수</cite> <div class="txt-area">12</div> </li> <li> <cite>총 문항수</cite> <div class="txt-area">12</div> </li> </ul> </li> <li> <strong>진단일</strong> <div class="txt-area"> <em>2025-02-30(수)</em> </div> </li> <li> <strong>결과확인</strong> <div class="txt-area"> <button class="btn sm primary">문제풀이 결과</button> </div> </li> </ul> <div class="section"> <div class="tit-area"> <div class="l-area"> <span class="label primary lg">충북 초등학교</span> <h3 class="title-lg">3학년 2반 5번 김채움</h3> </div> </div> <div class="list-type"> <table> <caption>과목, 영역, 정답률(맞은 문항수/틀린 문항수/총 문항수), 진단일, 결과확인로 구성된 결과보고 정보 표</caption> <thead> <tr> <th scope="col">과목</th> <th scope="col">영역</th> <th scope="col">정답률<small>(맞은 문항수/틀린 문항수/총 문항수)</small></th> <th scope="col">진단일</th> <th scope="col">결과확인</th> </tr> </thead> <tbody> <tr> <td data-tit="과목">수학</td> <td data-tit="영역">수와 연산</td> <td data-tit="정답율"><em>55%</em><p>(16/14/30)</p></td> <td data-tit="진단일">2025-02-30(수)</td> <td> <div class="btn-tbl-cont"> <button class="btn primary">문제풀이 결과</button> </div> </td> </tr> </tbody> </table> </div> </div> <div class="row"> <section class="section-box ai-result-tag"> <header class="box-header"> <div class="l-area"> <h3 class="section-box-tit">잘 알고 있는 개념</h3> </div> </header> <div class="box-body"> <div class="txt-area"> <strong class="success">12개</strong> <div class="tag-area"> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> </div> </div> </div> </section> <section class="section-box ai-result-tag"> <header class="box-header"> <div class="l-area"> <h3 class="section-box-tit">더 공부해야 하는 개념</h3> </div> </header> <div class="box-body"> <div class="txt-area"> <strong class="warning">3개</strong> <div class="tag-area"> <span class="tag">한 자리 수 덧셈</span> <span class="tag">받아 올림이 있는 덧셈</span> <span class="tag">한 자리 수 덧셈</span> </div> </div> </div> </section> </div> </div> <section class="section sm ai-result-info"> <h3 class="txt-hide">학습 안내</h3> <div class="txt-area"> <div class="txt">[수와 연산] 영역은 수의 체계와 수의 연산으로 다시 구분할 수 있습니다. 수의 체계를 공부한 다는 것은 중학 수학에서는 방정식의 해의 존재를 보장하기 위해 정수, 유리수, 실수 등으로 개념을 확장하여 방정식의 근을 정할 수 있게 하는 것입니다. 수의 연산은 각각의 수체계에서 사칙 계산이 정의되고 연산의 성질이 일관 되게 성립함을 공부합니다.</div> <ul class="border-box bullet sm"> <li>두 양의 크기를 뺄셈으로 비교하는 방법과 나눗셈으로 비교하는 방법을 구분하여 설명하고,</li> <li>두 양의 크기가 어떻게 변화하는 지를 표로 나타내어 설명하는 방법을 배웁니다.</li> </ul> </div> </section> <section class="section sm ai-result-tutor"> <div class="img-area"> <img src="/resources/front/site/SITE_00000/images/custom/sub/img_ai_tutor.svg" alt="AI 튜터"> </div> <div class="txt-area"> <h3>오늘의 응원 메세지</h3> <div class="txt">김채움 학생은 잘 할 수 있어요!<br> 늘 조급해 하지 말고 문제를 읽을 때 천천히 읽고 풀다 보면 실수를 줄일 수 있을 거예요. 화이팅~</div> </div> </section> <section class="section-sm ai-result-sel"> <header> <h3> 이번 “<em class="accent">수와 연산</em>” 영역의 스스로 진단에서는<br><em class="accent">20개</em>의 핵심 개념에 대하여 진단하였습니다. </h3> <p>AI 맞춤 학습을 위해 학습의 출발점을 선택해 주세요.</p> </header> <div class="fnc"> <button type="button" class="seconadry" >다채움이 추천하는 출발점에서 시작하기 <i class="ico-arrow-right white" aria-hidden="true"></i></button> <button type="button" class="primary">내가 스스로 출발점 정하기 <i class="ico-arrow-right white" aria-hidden="true"></i></button> </div> <div class="btn-cont"> <button type="button" class="btn ico-refresh">다시 진단하기</button> </div> </section> </div> </div> </div>  <div class="toast"></div>  <div class="dim"></div> <script> </script> </body> </html>