YM 학원 https://ymedu.tistory.com/ 서울 성북구 보문동 6가 YM학원, 원장님 1인이 학생별 생기부 상담부터 고등 영어 1:1 수업까지 체계적이고 직접 책임지는 맞춤형 학원입니다. ko Fri, 3 Jul 2026 03:53:04 +0900 TISTORY 100 team YM YM 학원 https://tistory1.daumcdn.net/tistory/2049115/attach/af44ebf53aad47b7b7c9e152b5c77570 https://ymedu.tistory.com 동성중3 국어대비 https://ymedu.tistory.com/395 <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#40204d"> <title>YM 중3 국어 음운 체계</title> <style> :root{--ink:#211d28;--muted:#716878;--line:#ded6e4;--paper:#fffdf8;--bg:#f2eef6;--deep:#40204d;--accent:#d56b49;--good:#227a55;--bad:#b33f4b;--soft:#f7f1e8;--shadow:0 14px 32px rgba(64,32,77,.13)} *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 100% 0,rgba(213,107,73,.18),transparent 25rem),var(--bg);color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:17px;line-height:1.5}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{width:min(100%,760px);min-height:100svh;margin:auto;background:var(--paper)}header{position:sticky;top:0;z-index:20;padding:10px 12px;background:rgba(255,253,248,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.brand{border:0;background:transparent;color:var(--deep);text-align:left;display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--deep);color:white;font-weight:950}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:850}.ghost{border:1px solid var(--line);background:white;color:var(--deep);font-weight:950;border-radius:12px;padding:9px 11px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.select{min-height:42px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--deep);font-weight:900;padding:0 10px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.tab{min-height:40px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--deep);font-weight:950}.tab.active{background:var(--deep);border-color:var(--deep);color:white}main{padding:14px 12px 28px}.hero{padding:8px 2px 16px}.eyebrow{font-size:12px;color:var(--accent);font-weight:950;letter-spacing:1px}.hero h1{margin:6px 0 8px;font-size:clamp(30px,8vw,46px);line-height:1.1}.hero p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.stats div{padding:11px 5px;text-align:center;border-radius:13px;background:var(--deep);color:white}.stats strong{display:block;font-size:22px}.stats span{font-size:11px;opacity:.78}.section{margin:14px 0}.unit-grid{display:grid;gap:9px}.unit{border:1px solid var(--line);background:white;border-radius:16px;padding:14px;text-align:left;box-shadow:0 3px 0 rgba(64,32,77,.04)}.unit.selected{border-color:var(--accent);box-shadow:inset 5px 0 0 var(--accent)}.unit b{display:block;font-size:17px}.unit span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.card{border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow);overflow:hidden}.cue{padding:19px 16px;background:linear-gradient(135deg,#f5ecff,#fff5ed);min-height:160px;display:grid;place-items:center;text-align:center}.cue small{display:inline-block;margin-bottom:8px;color:var(--accent);font-weight:950}.term{font-size:clamp(34px,10vw,58px);line-height:1.05;font-weight:950;color:var(--deep)}.body{padding:17px}.body h2{margin:0 0 8px;font-size:24px}.hidden{display:grid;place-items:center;min-height:140px;border:1px dashed #c8b9d2;border-radius:14px;color:var(--muted);font-weight:900;text-align:center;padding:12px}.open{min-height:140px;border-radius:14px;background:var(--soft);padding:15px}.open p{margin:0 0 10px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border-radius:999px;background:#eee4f2;color:var(--deep);font-size:12px;font-weight:950;padding:5px 8px}.nav{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;margin-top:10px}.primary,.secondary,.nav button{min-height:45px;border-radius:12px;font-weight:950}.primary{border:0;background:var(--accent);color:white}.secondary,.nav button{border:1px solid var(--line);background:white;color:var(--deep)}.quizTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.bar{height:8px;border-radius:999px;background:#e9e0ef;overflow:hidden;flex:1}.bar i{display:block;height:100%;width:var(--p);background:var(--accent)}.timer{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--deep);color:white;font-weight:950}.timer.danger{background:var(--bad)}.qcard{padding:16px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}.meta{font-size:12px;color:var(--accent);font-weight:950}.qcard h2{white-space:pre-line;line-height:1.45;font-size:21px;margin:8px 0 16px}.choices{display:grid;gap:9px}.choice{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;width:100%;border:1px solid var(--line);border-radius:13px;background:white;text-align:left;padding:12px;font-weight:850}.choice b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0eaf3;font-size:13px}.choice.correct{border-color:var(--good);background:#edf8f2;color:var(--good)}.choice.wrong{border-color:var(--bad);background:#fff0f1;color:var(--bad)}.choice:disabled{opacity:1}.feedback{margin-top:10px;border-radius:13px;padding:13px;background:var(--soft);font-weight:850}.feedback.ok{background:#edf8f2;color:var(--good)}.feedback.bad{background:#fff0f1;color:var(--bad)}.result{text-align:center;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow);padding:24px 15px}.score{display:grid;place-items:center;width:150px;height:150px;margin:12px auto;border-radius:50%;background:conic-gradient(var(--accent) var(--score),#eee6f1 0);font-size:42px;font-weight:950;color:var(--deep)}.wrongList{text-align:left;margin-top:14px}.wrong{padding:10px 0;border-top:1px solid var(--line);font-size:15px}.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,16px);opacity:0;transition:.2s;background:var(--deep);color:white;border-radius:999px;padding:11px 15px;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:430px){body{font-size:16px}header{padding:8px}.mark{width:35px;height:35px}.brand b{font-size:15px}.brand small{font-size:10px}.ghost{font-size:13px;padding:8px}.controls{grid-template-columns:1fr;gap:5px;margin-top:6px}.select{min-height:36px;font-size:14px}.tabs{gap:4px;margin-top:6px}.tab{min-height:36px;font-size:13px}main{padding:10px 9px 24px}.hero h1{font-size:30px}.cue{min-height:130px}.term{font-size:38px}.body{padding:13px}.qcard{padding:12px;border-radius:15px}.qcard h2{font-size:18px}.choice{font-size:15px;padding:11px}.stats strong{font-size:19px}} </style> </head> <body> <div class="app"> <header> <div class="top"> <button class="brand" id="homeBtn"><span class="mark">音</span><span><b>YM 중3 국어 음운</b><small>천재(노) 3-1 어법 최난도 대비</small></span></button> <button class="ghost" id="shareTop">전송</button> </div> <div class="controls"> <select id="category" class="select"></select> <select id="countSelect" class="select"><option value="40">40문항</option><option value="60" selected>60문항</option><option value="80">80문항</option><option value="all">전체</option></select> </div> <div class="tabs"><button class="tab active" data-mode="study">암기</button><button class="tab" data-mode="practice">연습</button><button class="tab" data-mode="test">테스트</button></div> </header> <main id="screen"></main> <div id="toast" class="toast"></div> </div> <script> const CATS=[ ["all","전체"], ["basic","음운 기본"], ["vowel","모음 체계"], ["consonant","자음 체계"], ["sense","어감·언어 차이"], ["strategy","대표 유형"] ]; const CARDS=[ ["basic","음운","말의 뜻을 구별해 주는 소리의 가장 작은 단위.","물:불은 ㅁ/ㅂ의 차이, 발:불은 ㅏ/ㅜ의 차이로 뜻이 달라진다."], ["basic","분절 음운","자음과 모음처럼 더 작은 소리 단위로 나누어 인식할 수 있는 음운.","자음, 모음이 대표적이다."], ["basic","비분절 음운","소리의 길이처럼 자음·모음처럼 나눌 수 없지만 뜻을 구별하는 음운.","눈[眼]과 눈ː[雪]처럼 길이에 따라 뜻이 달라질 수 있다."], ["basic","자음","공기의 흐름이 발음 기관의 장애를 받고 나오는 소리.","ㄱ, ㄴ, ㄷ, ㅁ, ㅂ 등이 자음이다."], ["basic","모음","공기의 흐름이 장애를 받지 않고 나오는 소리.","ㅏ, ㅑ, ㅓ, ㅕ 등이 모음이다."], ["basic","음운과 문자","음운은 심리적인 소리 단위이며 모든 음운이 글자로 표기되는 것은 아니다.","소리의 길이, 억양은 글자로 직접 표기하기 어렵다."], ["vowel","단모음","발음할 때 입술 모양이나 혀의 위치가 변하지 않는 모음.","ㅏ, ㅐ, ㅓ, ㅔ, ㅗ, ㅚ, ㅜ, ㅟ, ㅡ, ㅣ"], ["vowel","이중모음","발음할 때 입술 모양이나 혀의 위치가 변하는 모음.","ㅑ, ㅕ, ㅛ, ㅠ, ㅒ, ㅖ, ㅘ, ㅙ, ㅝ, ㅞ, ㅢ"], ["vowel","원순 모음","입술을 둥글게 오므려 발음하는 모음.","ㅗ, ㅚ, ㅜ, ㅟ"], ["vowel","평순 모음","입술을 둥글게 오므리지 않고 발음하는 모음.","ㅏ, ㅐ, ㅓ, ㅔ, ㅡ, ㅣ"], ["vowel","고모음","혀의 높이가 높은 단모음.","ㅣ, ㅟ, ㅡ, ㅜ"], ["vowel","중모음","혀의 높이가 중간인 단모음.","ㅔ, ㅚ, ㅓ, ㅗ"], ["vowel","저모음","혀의 높이가 낮은 단모음.","ㅐ, ㅏ"], ["vowel","전설 모음","혀의 최고점이 입안의 앞쪽에 있는 단모음.","ㅣ, ㅟ, ㅔ, ㅚ, ㅐ"], ["vowel","후설 모음","혀의 최고점이 입안의 뒤쪽에 있는 단모음.","ㅡ, ㅜ, ㅓ, ㅗ, ㅏ"], ["vowel","ㅣ","전설·평순·고모음.","앞쪽, 평평한 입술, 높은 혀 위치를 기억한다."], ["vowel","ㅟ","전설·원순·고모음.","앞쪽 + 둥근 입술 + 높은 혀 위치."], ["vowel","ㅡ","후설·평순·고모음.","뒤쪽 + 평평한 입술 + 높은 혀 위치."], ["vowel","ㅜ","후설·원순·고모음.","뒤쪽 + 둥근 입술 + 높은 혀 위치."], ["vowel","ㅔ","전설·평순·중모음.","ㅐ보다 혀의 높이가 높다."], ["vowel","ㅚ","전설·원순·중모음.","전설이면서 원순인 점이 자주 나온다."], ["vowel","ㅓ","후설·평순·중모음.","뒤쪽 + 평순 + 중간 높이."], ["vowel","ㅗ","후설·원순·중모음.","뒤쪽 + 원순 + 중간 높이."], ["vowel","ㅐ","전설·평순·저모음.","ㅔ보다 혀의 높이가 낮다."], ["vowel","ㅏ","후설·평순·저모음.","후설 저모음이다."], ["consonant","입술소리","두 입술 사이에서 나는 소리.","ㅁ, ㅂ, ㅃ, ㅍ"], ["consonant","잇몸소리","혀끝과 윗잇몸 사이에서 나는 소리.","ㄴ, ㄷ, ㄸ, ㅌ, ㄹ, ㅅ, ㅆ"], ["consonant","센입천장소리","혓바닥과 센입천장 사이에서 나는 소리.","ㅈ, ㅉ, ㅊ"], ["consonant","여린입천장소리","혀의 뒷부분과 여린입천장 사이에서 나는 소리.","ㄱ, ㄲ, ㅋ, ㅇ"], ["consonant","목청소리","목청 사이에서 나는 소리.","ㅎ"], ["consonant","파열음","공기의 흐름을 막았다가 터뜨리며 내는 소리.","ㄱ, ㄲ, ㅋ, ㄷ, ㄸ, ㅌ, ㅂ, ㅃ, ㅍ"], ["consonant","마찰음","공기가 흐르는 통로를 좁혀 마찰을 일으키며 내는 소리.","ㅅ, ㅆ, ㅎ"], ["consonant","파찰음","공기의 흐름을 막았다가 서서히 터뜨리며 마찰을 일으키는 소리.","ㅈ, ㅉ, ㅊ"], ["consonant","비음","공기를 코로 내보내며 내는 소리.","ㅁ, ㄴ, ㅇ"], ["consonant","유음","혀끝을 잇몸에 대었다가 떼거나 혀 양옆으로 공기를 흘려 내는 소리.","ㄹ"], ["consonant","예사소리","소리의 세기가 부드러운 느낌을 주는 소리.","ㄱ, ㄷ, ㅂ, ㅈ, ㅅ"], ["consonant","된소리","소리의 세기가 강하고 단단한 느낌을 주는 소리.","ㄲ, ㄸ, ㅃ, ㅉ, ㅆ"], ["consonant","거센소리","소리의 세기가 크고 거친 느낌을 주는 소리.","ㅋ, ㅌ, ㅍ, ㅊ"], ["consonant","ㄹ","잇몸소리이면서 유음이다.","여린입천장소리로 착각하기 쉽다."], ["consonant","ㅎ","목청소리이면서 마찰음이다.","파찰음이 아니다."], ["consonant","ㅆ","잇몸소리·마찰음·된소리.","조건형 문제에서 자주 정답이 된다."], ["consonant","ㅌ","잇몸소리·파열음·거센소리.","ㄷ의 거센소리 계열이다."], ["consonant","ㅋ","여린입천장소리·파열음·거센소리.","ㄱ의 거센소리 계열이다."], ["consonant","ㅊ","센입천장소리·파찰음·거센소리.","ㅈ의 거센소리 계열이다."], ["sense","양성 모음","어감이 밝고 산뜻한 느낌을 주는 모음.","대표적으로 ㅏ, ㅗ가 쓰인다."], ["sense","음성 모음","어감이 어둡고 큰 느낌을 주는 모음.","대표적으로 ㅓ, ㅜ가 쓰인다."], ["sense","모음조화","양성 모음은 양성 모음끼리, 음성 모음은 음성 모음끼리 어울리려는 현상.","막아/먹어, 폴짝/풀쩍을 떠올린다."], ["sense","자음의 어감 차이","예사소리보다 된소리, 된소리보다 거센소리가 더 강하거나 거칠게 느껴질 수 있다.","감감-깜깜-캄캄"], ["sense","우리말 자음 체계의 특징","우리말은 예사소리·된소리·거센소리를 구별하지만 영어는 같은 방식으로 구별하지 않는다.","불/뿔/풀, 달/딸/탈"], ["sense","외국어 화자의 혼동","국어의 소리 세기 대립을 모르면 살/쌀, 달/딸/탈 등을 혼동할 수 있다.","음운 체계의 차이 때문에 생기는 의사소통 문제이다."], ["strategy","대표 유형 풀이 1","문제에서 묻는 기준이 위치인지, 방법인지, 세기인지 먼저 구별한다.","자음 문제의 대부분은 세 기준을 섞어 낸다."], ["strategy","대표 유형 풀이 2","모음 문제는 단모음/이중모음, 원순/평순, 고/중/저, 전설/후설을 차례로 확인한다.","조건을 하나씩 지워 가면 실수가 줄어든다."], ["strategy","대표 유형 풀이 3","적절하지 않은 것을 묻는 문제는 틀린 핵심어 하나를 찾아 바르게 고친다.","예: ㄹ은 여린입천장소리가 아니라 잇몸소리."], ["strategy","대표 유형 풀이 4","보기의 상황이 의사소통 혼란이면 국어와 외국어의 음운 체계 차이를 떠올린다.","소리 세기 대립을 구별하지 못하는 상황이 많다."], ["strategy","대표 유형 풀이 5","양성/음성 모음 문제는 밝고 산뜻한 느낌과 어둡고 무거운 느낌을 대비한다.","반짝반짝/번쩍번쩍, 폴짝/풀쩍"] ].map(([cat,term,def,tip])=>({cat,term,def,tip})); const CUSTOM=[ Q("basic","다음 중 현대 국어의 음운 체계에 해당하지 않는 것은?","성조",["자음","모음","성조","소리의 길이"],"현대 국어에서는 성조가 일반적인 음운 체계로 쓰이지 않는다."), Q("basic","음운에 대한 설명으로 적절하지 않은 것은?","음운은 모두 글자로 표기할 수 있다.",["음운은 뜻을 구별한다.","음운이 달라지면 뜻이 달라질 수 있다.","음운은 모두 글자로 표기할 수 있다.","음운에는 분절 음운과 비분절 음운이 있다."],"소리의 길이 같은 비분절 음운은 글자로 직접 표기하기 어렵다."), Q("basic","‘밥’과 ‘삽’이 다른 뜻을 가지는 이유로 가장 적절한 것은?","ㅂ과 ㅅ이라는 자음의 차이 때문이다.",["ㅏ와 ㅜ라는 모음의 차이 때문이다.","ㅂ과 ㅅ이라는 자음의 차이 때문이다.","소리의 길이가 다르기 때문이다.","단어의 음절 수가 다르기 때문이다."],"두 단어는 첫 자음이 달라져 뜻이 달라진다."), Q("basic","‘눈[眼]’과 ‘눈ː[雪]’의 뜻을 구별하는 음운은?","소리의 길이",["자음","모음","소리의 길이","성조"],"소리의 길이는 비분절 음운이다."), Q("vowel","다음 중 단모음만으로 묶인 것은?","ㅏ, ㅐ, ㅓ, ㅔ",["ㅑ, ㅕ, ㅛ, ㅠ","ㅏ, ㅐ, ㅓ, ㅔ","ㅘ, ㅙ, ㅝ, ㅞ","ㅢ, ㅒ, ㅖ, ㅕ"],"단모음은 발음할 때 입술 모양이나 혀 위치가 변하지 않는다."), Q("vowel","다음 중 이중모음만으로 묶인 것은?","ㅑ, ㅕ, ㅛ, ㅠ",["ㅏ, ㅐ, ㅓ, ㅔ","ㅗ, ㅚ, ㅜ, ㅟ","ㅑ, ㅕ, ㅛ, ㅠ","ㅣ, ㅟ, ㅡ, ㅜ"],"이중모음은 발음할 때 입술 모양이나 혀 위치가 변한다."), Q("vowel","‘ㅔ’와 ‘ㅐ’를 구별할 때 가장 중요한 차이는?","혀의 높이",["입술의 둥근 정도","혀의 높이","소리의 세기","공기의 장애 여부"],"둘 다 전설·평순 모음이며 ㅔ는 중모음, ㅐ는 저모음이다."), Q("vowel","전설·원순·고모음에 해당하는 모음은?","ㅟ",["ㅣ","ㅟ","ㅡ","ㅜ"],"전설 고모음 중 원순 모음은 ㅟ이다."), Q("vowel","후설·평순·중모음에 해당하는 모음은?","ㅓ",["ㅔ","ㅚ","ㅓ","ㅗ"],"ㅓ는 후설·평순·중모음이다."), Q("vowel","원순 모음으로만 묶인 것은?","ㅗ, ㅚ, ㅜ, ㅟ",["ㅏ, ㅐ, ㅓ, ㅔ","ㅗ, ㅚ, ㅜ, ㅟ","ㅣ, ㅔ, ㅐ","ㅡ, ㅓ, ㅏ"],"입술을 둥글게 오므려 발음하는 모음이다."), Q("vowel","후설 모음으로만 묶인 것은?","ㅡ, ㅜ, ㅓ, ㅗ, ㅏ",["ㅣ, ㅟ, ㅔ, ㅚ, ㅐ","ㅡ, ㅜ, ㅓ, ㅗ, ㅏ","ㅣ, ㅔ, ㅐ, ㅏ","ㅚ, ㅟ, ㅜ, ㅗ"],"후설 모음은 혀의 최고점이 뒤쪽에 있다."), Q("consonant","‘ㄹ’의 자음 체계로 옳은 것은?","잇몸소리·유음",["여린입천장소리·비음","잇몸소리·유음","센입천장소리·파찰음","목청소리·마찰음"],"ㄹ은 혀끝과 윗잇몸 사이에서 나는 유음이다."), Q("consonant","‘ㅎ’의 자음 체계로 옳은 것은?","목청소리·마찰음",["목청소리·마찰음","센입천장소리·파찰음","잇몸소리·비음","여린입천장소리·파열음"],"ㅎ은 목청소리이자 마찰음이다."), Q("consonant","혀끝과 윗잇몸 사이에서 나며, 마찰음이고, 된소리인 자음은?","ㅆ",["ㄸ","ㅋ","ㅆ","ㄴ"],"잇몸소리 중 마찰음은 ㅅ, ㅆ이고 그중 된소리는 ㅆ이다."), Q("consonant","‘ㅂ, ㅃ, ㅍ’의 공통점은?","입술소리이자 파열음이다.",["잇몸소리이자 파찰음이다.","입술소리이자 파열음이다.","목청소리이자 마찰음이다.","여린입천장소리이자 비음이다."],"두 입술 사이에서 공기를 막았다 터뜨리는 소리이다."), Q("consonant","파찰음으로만 묶인 것은?","ㅈ, ㅉ, ㅊ",["ㅅ, ㅆ, ㅎ","ㄱ, ㄲ, ㅋ","ㅈ, ㅉ, ㅊ","ㅁ, ㄴ, ㅇ"],"파찰음은 ㅈ, ㅉ, ㅊ이다."), Q("consonant","비음으로만 묶인 것은?","ㅁ, ㄴ, ㅇ",["ㅁ, ㄴ, ㅇ","ㄹ, ㅅ, ㅎ","ㄱ, ㄷ, ㅂ","ㅈ, ㅉ, ㅊ"],"공기를 코로 내보내며 내는 소리이다."), Q("consonant","여린입천장소리로만 묶인 것은?","ㄱ, ㄲ, ㅋ, ㅇ",["ㅁ, ㅂ, ㅃ, ㅍ","ㄴ, ㄷ, ㄸ, ㅌ","ㅈ, ㅉ, ㅊ","ㄱ, ㄲ, ㅋ, ㅇ"],"혀의 뒷부분과 여린입천장 사이에서 나는 소리이다."), Q("consonant","소리의 세기 기준에서 거센소리로만 묶인 것은?","ㅋ, ㅌ, ㅍ, ㅊ",["ㄱ, ㄷ, ㅂ, ㅈ","ㄲ, ㄸ, ㅃ, ㅉ","ㅋ, ㅌ, ㅍ, ㅊ","ㅁ, ㄴ, ㅇ, ㄹ"],"거센소리는 ㅋ, ㅌ, ㅍ, ㅊ이다."), Q("sense","‘감감-깜깜-캄캄’에서 느낌이 강해지는 주된 이유는?","자음의 세기가 달라지기 때문이다.",["모음의 높이가 달라지기 때문이다.","자음의 세기가 달라지기 때문이다.","소리의 길이가 달라지기 때문이다.","음절 수가 달라지기 때문이다."],"예사소리, 된소리, 거센소리의 차이가 어감 차이를 만든다."), Q("sense","‘반짝반짝’보다 ‘번쩍번쩍’이 더 크고 무거운 느낌을 주는 이유는?","양성 모음과 음성 모음의 차이 때문이다.",["파열음과 파찰음의 차이 때문이다.","양성 모음과 음성 모음의 차이 때문이다.","단모음과 이중모음의 차이 때문이다.","비음과 유음의 차이 때문이다."],"ㅏ는 밝은 느낌, ㅓ는 어둡고 무거운 느낌을 준다."), Q("sense","‘막아’와 ‘먹어’처럼 어미가 다르게 선택되는 현상은?","모음조화",["모음탈락","모음첨가","모음조화","모음축약"],"양성 모음은 양성끼리, 음성 모음은 음성끼리 어울리려는 현상이다."), Q("sense","영어권 화자가 ‘달/딸/탈’을 혼동하는 이유로 가장 적절한 것은?","국어의 소리 세기 대립을 영어와 같은 방식으로 구별하지 못하기 때문이다.",["국어에는 모음이 없기 때문이다.","국어의 소리 세기 대립을 영어와 같은 방식으로 구별하지 못하기 때문이다.","국어에는 파열음이 없기 때문이다.","영어에는 자음이 없기 때문이다."],"우리말은 예사소리·된소리·거센소리 대립이 두드러진다."), Q("strategy","자음 체계 문제를 풀 때 가장 먼저 확인해야 할 기준은?","위치·방법·세기 중 무엇을 묻는지",["단어의 품사","문장의 길이","위치·방법·세기 중 무엇을 묻는지","모음조화 여부"],"자음 문제는 조음 위치, 조음 방법, 소리의 세기를 섞어 묻는다."), Q("strategy","모음 체계 문제 풀이 순서로 가장 알맞은 것은?","단모음/이중모음 → 원순/평순 → 고/중/저 → 전설/후설",["자음/모음 → 비음/유음 → 예사/된/거센","단모음/이중모음 → 원순/평순 → 고/중/저 → 전설/후설","성조 → 억양 → 길이 → 문자","품사 → 문장 성분 → 높임 표현"],"모음 문제는 분류 기준을 단계적으로 적용해야 한다.") ]; const state={mode:"study",cat:"all",idx:0,open:false,questions:[],q:0,score:0,locked:false,wrong:[],timer:null,seconds:30}; const $=s=>document.querySelector(s),screen=$("#screen"),catSel=$("#category"),countSel=$("#countSelect"),toast=$("#toast"); function Q(cat,question,answer,choices,explain){return{cat,question,answer,choices,explain,type:"대표 유형"}} function esc(s){return String(s).replace(/[&<>"']/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"}[c]))} function shuffle(a){const b=[...a];for(let i=b.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[b[i],b[j]]=[b[j],b[i]]}return b} function filteredCards(){return state.cat==="all"?CARDS:CARDS.filter(c=>c.cat===state.cat)} function catName(v=state.cat){return CATS.find(c=>c[0]===v)?.[1]||"전체"} function fillControls(){catSel.innerHTML=CATS.map(c=>`<option value="${c[0]}" ${c[0]===state.cat?"selected":""}>${c[1]}</option>`).join("")} function setMode(mode){state.mode=mode;stopTimer();document.querySelectorAll(".tab").forEach(b=>b.classList.toggle("active",b.dataset.mode===mode));if(mode==="study")renderStudy();else startQuiz(mode)} function renderHome(){ screen.innerHTML=`<section class="hero"><div class="eyebrow">Korean Grammar · Phonology</div><h1>국어의 음운 체계</h1><p>중3-1 어법 최난도 단원을 암기 카드, 즉시 풀이 연습, 30초 테스트로 반복합니다.</p></section><div class="stats"><div><strong>${CARDS.length}</strong><span>암기 카드</span></div><div><strong>${buildQuestions().length}</strong><span>문제 은행</span></div><div><strong>30초</strong><span>테스트</span></div></div><div class="unit-grid">${CATS.slice(1).map(c=>`<button class="unit ${state.cat===c[0]?"selected":""}" data-cat="${c[0]}"><b>${c[1]}</b><span>${CARDS.filter(x=>x.cat===c[0]).length}개 카드 · 대표 유형 포함</span></button>`).join("")}</div>`; screen.querySelectorAll("[data-cat]").forEach(b=>b.onclick=()=>{state.cat=b.dataset.cat;state.idx=0;renderHome();toastMsg(`${catName()} 선택`)}); } function renderStudy(){ fillControls(); const cards=filteredCards(); if(!cards.length){state.cat="all";return renderStudy()} const c=cards[state.idx%cards.length]; screen.innerHTML=`<article class="card"><div class="cue"><div><small>${catName(c.cat)}</small><div class="term">${esc(c.term)}</div></div></div><div class="body"><h2>암기 카드</h2>${state.open?`<div class="open"><p><b>뜻</b><br>${esc(c.def)}</p><p><b>시험 포인트</b><br>${esc(c.tip)}</p><div class="chips"><span class="chip">${catName(c.cat)}</span><span class="chip">${state.idx%cards.length+1}/${cards.length}</span></div></div>`:`<button class="hidden" id="openCard">터치해서 풀이와 시험 포인트 보기</button>`}</div></article><div class="nav"><button id="prev">‹</button><button class="primary" id="toggle">${state.open?"풀이 숨기기":"풀이 보기"}</button><button id="next">›</button></div><button class="secondary" id="goPractice" style="width:100%;margin-top:8px">이 범위 연습문제 풀기</button>`; $("#prev").onclick=()=>{state.idx=(state.idx-1+cards.length)%cards.length;state.open=false;renderStudy()}; $("#next").onclick=()=>{state.idx=(state.idx+1)%cards.length;state.open=false;renderStudy()}; $("#toggle").onclick=()=>{state.open=!state.open;renderStudy()}; $("#goPractice").onclick=()=>setMode("practice"); const o=$("#openCard"); if(o)o.onclick=()=>{state.open=true;renderStudy()}; } function buildQuestions(){ const terms=CARDS.map(c=>c.term), defs=CARDS.map(c=>c.def), qs=[]; for(const c of CARDS){ qs.push({cat:c.cat,type:"개념 확인",question:`다음 설명에 알맞은 개념은?\n${c.def}`,answer:c.term,choices:makeChoices(c.term,terms),explain:`${c.term}: ${c.def}`}); qs.push({cat:c.cat,type:"개념 적용",question:`'${c.term}'에 대한 설명으로 옳은 것은?`,answer:c.def,choices:makeChoices(c.def,defs),explain:`${c.term}: ${c.def}`}); } return qs.concat(CUSTOM); } function makeChoices(answer,pool){const out=[answer];for(const x of shuffle(pool)){if(x!==answer&&!out.includes(x))out.push(x);if(out.length===4)break}return shuffle(out)} function quizPool(){let qs=buildQuestions().filter(q=>state.cat==="all"||q.cat===state.cat);return shuffle(qs)} function startQuiz(mode){fillControls();let qs=quizPool();const count=countSel.value==="all"?qs.length:Number(countSel.value);state.questions=qs.slice(0,Math.min(count,qs.length));state.q=0;state.score=0;state.wrong=[];state.locked=false;renderQuestion();if(mode==="test")startTimer()} function renderQuestion(){if(state.q>=state.questions.length)return renderResult();const q=state.questions[state.q],pct=(state.q+1)/state.questions.length*100;state.locked=false;screen.innerHTML=`<div class="quizTop"><div class="bar" style="--p:${pct}%"><i></i></div><b>${state.q+1}/${state.questions.length}</b>${state.mode==="test"?`<div class="timer" id="timer">30</div>`:""}</div><section class="qcard"><div class="meta">${catName(q.cat)} · ${q.type}</div><h2>${esc(q.question)}</h2><div class="choices">${q.choices.map((c,i)=>`<button class="choice" data-choice="${esc(c)}"><b>${i+1}</b><span>${esc(c)}</span></button>`).join("")}</div><div id="feedback"></div></section>`;screen.querySelectorAll(".choice").forEach(b=>b.onclick=()=>answer(b.dataset.choice))} function answer(v,timeout=false){if(state.locked)return;state.locked=true;stopTimer();const q=state.questions[state.q],ok=v===q.answer;if(ok)state.score++;else state.wrong.push({q,selected:v||"시간 초과"});screen.querySelectorAll(".choice").forEach(b=>{b.disabled=true;if(b.dataset.choice===q.answer)b.classList.add("correct");if(b.dataset.choice===v&&!ok)b.classList.add("wrong")});const fb=$("#feedback");fb.innerHTML=`<div class="feedback ${ok?"ok":"bad"}"><b>${ok?"정답":"오답"}${timeout?" · 시간 초과":""}</b><br>정답: ${esc(q.answer)}<br>${esc(q.explain)}</div><button class="primary" id="nextQ" style="width:100%;margin-top:9px">${state.q===state.questions.length-1?"결과 보기":"다음 문제"}</button>`;$("#nextQ").onclick=()=>{state.q++;renderQuestion();if(state.mode==="test"&&state.q<state.questions.length)startTimer()}} function startTimer(){stopTimer();state.seconds=30;const tick=()=>{const t=$("#timer");if(t){t.textContent=state.seconds;t.classList.toggle("danger",state.seconds<=7)}if(state.seconds<=0)return answer(null,true);state.seconds--};tick();state.timer=setInterval(tick,1000)} function stopTimer(){clearInterval(state.timer);state.timer=null} function renderResult(){stopTimer();const total=state.questions.length,rate=Math.round(state.score/total*100);screen.innerHTML=`<section class="result"><h2>${catName()} ${state.mode==="test"?"테스트":"연습"} 결과</h2><div class="score" style="--score:${rate}%">${rate}</div><p><b>${state.score}/${total}문항 정답</b></p><div><button class="primary" id="retry">다시 풀기</button><button class="secondary" id="share" style="margin-top:8px;width:100%">결과 전송</button></div>${state.wrong.length?`<div class="wrongList"><h3>오답 정리</h3>${state.wrong.slice(0,12).map(w=>`<div class="wrong"><b>정답: ${esc(w.q.answer)}</b><br>${esc(w.q.question)}</div>`).join("")}</div>`:`<p>틀린 문제가 없습니다.</p>`}</section>`;$("#retry").onclick=()=>startQuiz(state.mode);$("#share").onclick=shareResult} function shareResult(){const text=state.questions.length?`YM 중3 국어 음운 체계 ${catName()} 결과: ${state.score}/${state.questions.length}문항 (${Math.round(state.score/state.questions.length*100)}점)`:`YM 중3 국어 음운 체계 암기 카드와 문제`;if(navigator.share)navigator.share({title:"YM 중3 국어 음운 체계",text}).catch(()=>copyText(text));else copyText(text)} function copyText(t){navigator.clipboard?.writeText(t);toastMsg("복사했습니다. 카카오톡에 붙여넣기 하세요.")} function toastMsg(t){toast.textContent=t;toast.classList.add("show");setTimeout(()=>toast.classList.remove("show"),1700)} catSel.onchange=()=>{state.cat=catSel.value;state.idx=0;state.open=false;state.mode==="study"?renderStudy():startQuiz(state.mode)}; countSel.onchange=()=>{if(state.mode!=="study")startQuiz(state.mode)}; document.querySelectorAll(".tab").forEach(b=>b.onclick=()=>setMode(b.dataset.mode)); $("#homeBtn").onclick=()=>{state.mode="study";state.cat="all";state.idx=0;state.open=false;document.querySelectorAll(".tab").forEach(b=>b.classList.toggle("active",b.dataset.mode==="study"));renderHome()}; $("#shareTop").onclick=shareResult; fillControls();renderHome(); </script> </body> </html> 내신 중등/동성중 team YM https://ymedu.tistory.com/395 https://ymedu.tistory.com/395#entry395comment Thu, 2 Jul 2026 14:35:59 +0900 중3 과학 기말대비 https://ymedu.tistory.com/394 <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#16352f"> <title>YM 중3 과학 코넬 암기와 4지선다</title> <style> :root{--bg:#eef3ef;--paper:#fffdf7;--ink:#17231f;--muted:#65736d;--line:#d8e0d9;--deep:#16352f;--accent:#e38b43;--good:#207a50;--bad:#b84b4b;--shadow:0 14px 34px rgba(22,53,47,.12)} *{box-sizing:border-box}html{background:#dfe9e2}body{margin:0;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;background:radial-gradient(circle at 100% 0,rgba(227,139,67,.18),transparent 25rem),var(--bg)}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{width:min(100%,760px);min-height:100svh;margin:auto;background:var(--bg)}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(238,243,239,.95);border-bottom:1px solid rgba(22,53,47,.1);backdrop-filter:blur(14px)}.brand{border:0;background:transparent;text-align:left;color:var(--deep);display:flex;align-items:center;gap:10px}.mark{width:42px;height:42px;border-radius:13px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:950}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:12px}.ghost{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:10px 12px;font-weight:900;color:var(--deep)}main{padding:18px 14px 92px}.hero{padding:18px 2px 8px}.eyebrow{color:var(--accent);font-size:12px;font-weight:950;letter-spacing:1px}.hero h1{margin:8px 0 8px;font-size:clamp(30px,8vw,48px);line-height:1.1;letter-spacing:-.5px}.hero p{margin:0;color:var(--muted);line-height:1.55}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.select{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:12px;color:var(--deep);font-weight:900}.seg{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#dfe8e1;border-radius:16px;padding:5px;margin:12px 0 16px}.seg button{border:0;border-radius:12px;padding:12px;background:transparent;color:var(--muted);font-weight:950}.seg button.active{background:var(--paper);color:var(--deep);box-shadow:0 3px 10px rgba(0,0,0,.07)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.summary div{background:var(--deep);color:white;border-radius:15px;text-align:center;padding:12px 6px}.summary strong{display:block;font-size:22px}.summary span{font-size:11px;opacity:.72}.unit-grid{display:grid;gap:10px}.unit{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:16px;text-align:left;box-shadow:0 4px 0 rgba(22,53,47,.03)}.unit.selected{border-color:var(--unit);box-shadow:inset 5px 0 0 var(--unit),0 4px 0 rgba(22,53,47,.03)}.unit b{display:block;font-size:17px;margin-bottom:6px}.unit span{color:var(--muted);font-size:13px;line-height:1.45}.tag{display:inline-block;margin-bottom:9px;border-radius:999px;background:var(--unit);color:white;font-size:12px;font-weight:950;padding:5px 9px}.cornell{display:grid;grid-template-columns:34% 66%;min-height:360px;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.cue{padding:18px 14px;border-right:1px solid var(--line);background:#f1f6f0}.note{padding:18px}.label{display:block;color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.8px;margin-bottom:10px}.cue h2{margin:0;color:var(--unit);font-size:22px;line-height:1.25}.cue p,.note p{line-height:1.62}.note h3{margin:0 0 12px;font-size:24px}.hidden-note{min-height:160px;display:grid;place-items:center;text-align:center;border:1px dashed #b8c6bc;border-radius:16px;color:var(--muted);padding:16px}.open-note{min-height:160px;border-radius:16px;background:#f5f1e9;padding:16px}.cardnav{display:grid;grid-template-columns:50px 1fr 50px;gap:8px;margin-top:12px}.cardnav button,.primary,.secondary{border:0;border-radius:15px;padding:13px 14px;font-weight:950}.cardnav button{background:var(--paper);border:1px solid var(--line);color:var(--deep)}.primary{width:100%;background:var(--deep);color:white}.secondary{width:100%;background:#e0e8e2;color:var(--deep)}.quiz-start{background:var(--deep);color:white;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.quiz-start p{color:rgba(255,255,255,.75);line-height:1.55}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.rules div{background:rgba(255,255,255,.1);border-radius:14px;padding:12px 6px;text-align:center}.rules strong{display:block;font-size:22px}.rules span{font-size:11px;opacity:.75}.qtop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.progress{height:8px;background:#dbe4dd;border-radius:999px;overflow:hidden;flex:1}.progress i{display:block;height:100%;width:var(--p);background:var(--unit)}.counter{font-weight:950;color:var(--unit)}.qcard{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.qcard h2{font-size:21px;line-height:1.45;margin:8px 0 18px;white-space:pre-line}.meta{color:var(--unit);font-size:12px;font-weight:950}.choices{display:grid;gap:10px}.choice{width:100%;display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:15px;background:white;padding:14px;text-align:left;color:var(--ink);line-height:1.45}.choice b{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e9efe9;font-size:12px}.choice.correct{border-color:var(--good);background:#eef8f2;color:var(--good)}.choice.wrong{border-color:var(--bad);background:#fff0ee;color:var(--bad)}.choice:disabled{opacity:1}.explain{margin-top:13px;border-radius:14px;background:#f3efe7;padding:14px;line-height:1.55}.result{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px 16px;box-shadow:var(--shadow)}.score{width:150px;height:150px;margin:16px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--unit) var(--score),#e0e6df 0);font-size:42px;font-weight:950}.wrong-list{text-align:left;display:grid;gap:8px;margin:16px 0}.wrong-list div{border-radius:13px;background:#f5f1e9;padding:12px;line-height:1.45}.bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,253,247,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px);z-index:30}.bottom button{border:0;background:transparent;border-radius:12px;padding:8px 4px;color:#7d8a84;font-weight:950}.bottom button.active{color:var(--deep);background:#edf3ee}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,16px);opacity:0;transition:.2s;background:var(--deep);color:white;border-radius:999px;padding:11px 15px;font-size:13px;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:430px){.top{padding:9px 10px}.mark{width:36px;height:36px}.brand b{font-size:15px}.brand small{font-size:10px}main{padding:12px 10px 86px}.hero h1{font-size:31px}.controls{grid-template-columns:1fr}.cornell{grid-template-columns:36% 64%;min-height:330px;border-radius:16px}.cue,.note{padding:13px 10px}.cue h2{font-size:19px}.note h3{font-size:21px}.qcard{padding:13px;border-radius:16px}.qcard h2{font-size:18px}.choice{padding:12px;font-size:15px}.rules strong{font-size:19px}} </style> </head> <body> <div class="app"> <header class="top"> <button class="brand" id="homeBtn"><span class="mark">科</span><span><b>YM 중3 과학</b><small>코넬 암기 · 4지선다 시험</small></span></button> <button class="ghost" id="shareTop">전송</button> </header> <main id="app"></main> <nav class="bottom"> <button data-view="home">단원</button> <button data-view="study">암기</button> <button data-view="quiz">시험</button> </nav> <div id="toast" class="toast"></div> </div> <script> const DATA=[ {id:"4-1-1",title:"눈과 귀",area:"감각 기관",color:"#2f7e77",items:[ ["시각","눈에서 빛을 자극으로 받아들여 물체의 형태, 색깔, 거리 등을 느끼는 감각이다.","자극과 감각"], ["홍채","동공의 크기를 조절하여 눈으로 들어오는 빛의 양을 조절한다.","눈의 구조"], ["각막","빛이 통과하는 투명한 막이다.","눈의 구조"], ["수정체","볼록 렌즈처럼 빛을 굴절시켜 상이 망막에 맺히게 한다.","눈의 구조"], ["섬모체","수정체의 두께를 조절하는 근육이다.","눈의 구조"], ["망막","상이 맺히는 곳이며 시각 세포가 있어 빛을 받아들인다.","눈의 구조"], ["시각 신경","시각 세포에서 받아들인 자극을 뇌로 전달한다.","눈의 구조"], ["맹점","시각 세포가 없어 상이 맺혀도 보이지 않는 부분이다.","눈의 구조"], ["황반","시각 세포가 모여 있어 상이 가장 뚜렷하게 맺히는 부분이다.","눈의 구조"], ["밝을 때 눈의 조절","홍채가 확장하고 동공이 축소되어 눈으로 들어오는 빛의 양이 줄어든다.","조절 작용"], ["가까운 곳을 볼 때","섬모체가 수축하고 수정체가 두꺼워진다.","조절 작용"], ["귓바퀴","소리를 모아 외이도로 보낸다.","귀의 구조"], ["고막","소리에 의해 진동하는 얇은 막이다.","귀의 구조"], ["귓속뼈","고막의 진동을 증폭시켜 달팽이관으로 전달한다.","귀의 구조"], ["달팽이관","청각 세포가 있어 진동을 자극으로 받아들인다.","귀의 구조"], ["반고리관","몸의 회전을 감지한다.","평형 감각"], ["전정 기관","몸의 기울어짐을 감지한다.","평형 감각"], ["청각의 전달 경로","소리 → 귓바퀴 → 외이도 → 고막 → 귓속뼈 → 달팽이관 → 청각 신경 → 뇌","전달 경로"] ]}, {id:"4-1-2",title:"코·혀·피부",area:"감각 기관",color:"#d47c35",items:[ ["후각","코에서 기체 상태의 화학 물질을 자극으로 받아들여 냄새를 느끼는 감각이다.","코"], ["후각 상피","후각 세포가 모여 있고 점액으로 덮여 있어 기체 상태의 화학 물질이 녹는다.","코"], ["후각 세포","기체 상태의 화학 물질을 자극으로 받아들인다.","코"], ["후각 신경","후각 세포에서 받아들인 자극을 뇌로 전달한다.","코"], ["미각","혀에서 액체 상태의 화학 물질을 자극으로 받아들여 맛을 느끼는 감각이다.","혀"], ["유두","혀 표면에 나 있는 작은 돌기이다.","혀"], ["맛봉오리","유두 옆면에 분포하며 맛세포가 모여 있다.","혀"], ["맛세포","액체 상태의 화학 물질을 자극으로 받아들인다.","혀"], ["기본 맛","단맛, 신맛, 쓴맛, 짠맛, 감칠맛이다.","혀"], ["매운맛","미각이 아니라 혀와 입속 피부의 통점에서 받아들이는 피부 감각이다.","혀"], ["후각과 미각의 상호 작용","음식의 맛을 느낄 때 냄새와 맛이 함께 작용하여 다양한 맛을 느끼게 한다.","감각 상호 작용"], ["피부 감각","피부에서 접촉, 압력, 차가움, 따뜻함, 통증 등을 느끼는 감각이다.","피부"], ["감각점","피부에서 자극을 받아들이는 곳이다.","피부"], ["통점","통증을 받아들이는 감각점이며 일반적으로 가장 많이 분포한다.","피부"], ["압점","누르는 압력을 받아들이는 감각점이다.","피부"], ["촉점","접촉 자극을 받아들이는 감각점이다.","피부"], ["냉점","차가움을 받아들이는 감각점이다.","피부"], ["온점","따뜻함을 받아들이는 감각점이다.","피부"] ]}, {id:"4-2-1",title:"신경계의 구성과 기능",area:"자극과 반응",color:"#526eb5",items:[ ["뉴런","신경계를 이루는 기본 단위인 신경 세포이다.","뉴런"], ["가지 돌기","다른 뉴런이나 감각 기관으로부터 자극을 받아들인다.","뉴런"], ["신경 세포체","핵과 세포질이 모여 있으며 뉴런의 생명 활동이 일어난다.","뉴런"], ["축삭 돌기","신경 세포체에서 길게 뻗어 나와 다른 뉴런이나 기관으로 자극을 전달한다.","뉴런"], ["감각 뉴런","감각 기관에서 수용한 자극을 연합 뉴런으로 전달한다.","뉴런의 종류"], ["연합 뉴런","전달받은 자극을 종합하고 판단하여 적절한 명령을 내린다.","뉴런의 종류"], ["운동 뉴런","연합 뉴런의 명령을 반응 기관에 전달한다.","뉴런의 종류"], ["자극의 전달 경로","자극 → 감각 기관 → 감각 뉴런 → 연합 뉴런 → 운동 뉴런 → 반응 기관 → 반응","전달 경로"], ["중추 신경계","뇌와 척수로 이루어지고 자극에 대해 판단하고 명령을 내린다.","신경계"], ["말초 신경계","감각 신경과 운동 신경으로 이루어져 중추와 온몸을 연결한다.","신경계"], ["대뇌","자극을 종합하여 명령을 내리고 기억, 추리, 판단, 감정 등을 담당한다.","뇌"], ["간뇌","체온 조절과 체액 농도 유지 등 몸의 상태를 일정하게 유지한다.","뇌"], ["중간뇌","눈의 운동과 동공의 크기 조절 등 눈의 조절을 담당한다.","뇌"], ["소뇌","근육 운동을 조절하고 몸의 자세와 균형을 유지한다.","뇌"], ["연수","심장 박동, 소화 운동, 호흡 운동 등 생명 유지 기능을 조절한다.","뇌"], ["척수","뇌와 말초 신경 사이의 정보 전달 통로이며 무조건 반사의 중추이다.","신경계"], ["체성 신경","중추 신경계의 명령을 근육으로 전달하여 몸의 움직임에 관여한다.","말초 신경"], ["자율 신경","대뇌의 명령 없이 내장 기관의 운동을 조절한다.","말초 신경"], ["교감 신경","몸을 긴장 상태로 만들어 심장 박동과 호흡 운동을 촉진하고 소화 운동을 억제한다.","자율 신경"], ["부교감 신경","몸을 안정 상태로 만들어 심장 박동과 호흡 운동을 억제하고 소화 운동을 촉진한다.","자율 신경"] ]}, {id:"4-2-2",title:"호르몬과 항상성",area:"자극과 반응",color:"#8c62aa",items:[ ["호르몬","내분비샘에서 만들어져 혈액으로 분비되고 몸의 기능을 조절하는 물질이다.","호르몬"], ["내분비샘","호르몬을 만들어 혈액으로 분비하는 기관이다.","호르몬"], ["표적 기관","호르몬이 혈액을 통해 이동한 뒤 작용하는 특정 기관이다.","호르몬"], ["생장 호르몬","뇌하수체에서 분비되며 뼈와 근육의 생장을 촉진한다.","호르몬 종류"], ["갑상샘 자극 호르몬","뇌하수체에서 분비되며 갑상샘의 티록신 분비를 촉진한다.","호르몬 종류"], ["항이뇨 호르몬","뇌하수체에서 분비되며 콩팥에서 물의 재흡수를 촉진한다.","호르몬 종류"], ["티록신","갑상샘에서 분비되며 세포 호흡을 촉진하고 체온 유지에 관여한다.","호르몬 종류"], ["아드레날린","부신에서 분비되며 혈압, 심장 박동, 혈당량을 증가시킨다.","호르몬 종류"], ["인슐린","이자에서 분비되며 혈당량을 감소시킨다.","호르몬 종류"], ["글루카곤","이자에서 분비되며 혈당량을 증가시킨다.","호르몬 종류"], ["에스트로젠","난소에서 분비되며 여성의 2차 성징 발현에 관여한다.","호르몬 종류"], ["테스토스테론","정소에서 분비되며 남성의 2차 성징 발현에 관여한다.","호르몬 종류"], ["거인증","성장기에 생장 호르몬이 과다 분비되어 키가 비정상적으로 크게 자라는 증상이다.","호르몬 질병"], ["소인증","성장기에 생장 호르몬이 부족하여 키가 비정상적으로 작아지는 증상이다.","호르몬 질병"], ["말단 비대증","성장기 이후 생장 호르몬이 과다 분비되어 손, 발, 코 등이 커지는 증상이다.","호르몬 질병"], ["갑상샘 기능 항진증","티록신이 과다 분비되어 체중 감소와 안구 돌출 등이 나타난다.","호르몬 질병"], ["갑상샘 기능 저하증","티록신이 부족하여 체중 증가와 추위를 잘 타는 증상이 나타난다.","호르몬 질병"], ["당뇨병","인슐린이 부족하여 오줌에 당이 섞여 배설되고 체중이 감소할 수 있다.","호르몬 질병"], ["신경의 작용","뉴런으로 전달되어 빠르고 좁은 범위에 일시적으로 작용한다.","신경과 호르몬 비교"], ["호르몬의 작용","혈액으로 전달되어 느리고 넓은 범위에 지속적으로 작용한다.","신경과 호르몬 비교"] ]}, {id:"6-1-1",title:"역학적 에너지",area:"에너지 전환과 보존",color:"#3d8b4f",items:[ ["역학적 에너지","물체의 위치 에너지와 운동 에너지의 합이다.","기본 개념"], ["위치 에너지","높이가 높을수록 커지는 에너지이다.","에너지"], ["운동 에너지","속력이 빠를수록 커지는 에너지이다.","에너지"], ["물체가 올라갈 때","높이는 증가하고 속력은 감소하여 운동 에너지가 위치 에너지로 전환된다.","에너지 전환"], ["물체가 내려갈 때","높이는 감소하고 속력은 증가하여 위치 에너지가 운동 에너지로 전환된다.","에너지 전환"], ["최고점","속력이 0이면 운동 에너지가 0이고 위치 에너지가 최대이다.","위치별 에너지"], ["가장 낮은 지점","높이가 가장 낮고 속력이 가장 빠르므로 운동 에너지가 최대이다.","위치별 에너지"], ["역학적 에너지 보존 법칙","마찰이나 공기 저항이 없을 때 운동하는 물체의 역학적 에너지는 일정하게 보존된다.","보존 법칙"], ["자유 낙하","감소한 위치 에너지의 양과 증가한 운동 에너지의 양이 같다.","보존 법칙"], ["연직 위로 던진 물체","올라갈 때 운동 에너지가 위치 에너지로 전환되고 내려올 때 위치 에너지가 운동 에너지로 전환된다.","운동 상황"], ["비스듬히 던져 올린 물체","마찰이 없다면 올라갈 때와 내려올 때 역학적 에너지는 일정하다.","운동 상황"], ["비스듬한 운동의 최고점","수평 방향 속력이 남아 있으므로 최고점에서도 속력이 0이 아니다.","운동 상황"], ["진자의 왕복 운동","가장 낮은 지점에서 운동 에너지가 최대이고 양끝에서 위치 에너지가 최대이다.","운동 상황"], ["진자의 역학적 에너지","마찰이 없다면 모든 지점에서 일정하다.","운동 상황"], ["위치 에너지 감소","물체가 내려갈 때 일어나며 감소한 만큼 운동 에너지가 증가한다.","에너지 변화"], ["운동 에너지 감소","물체가 올라갈 때 일어나며 감소한 만큼 위치 에너지가 증가한다.","에너지 변화"], ["마찰과 공기 저항","있으면 역학적 에너지의 일부가 열에너지 등으로 전환되어 역학적 에너지가 보존되지 않는다.","보존 조건"], ["기준면","위치 에너지를 정할 때 높이의 기준이 되는 면이다.","기본 개념"] ]} ]; const state={view:"home",unit:0,card:0,open:false,questions:[],q:0,score:0,locked:false,wrong:[]}; const app=document.getElementById("app"),toast=document.getElementById("toast"); const $=s=>document.querySelector(s), $$=s=>document.querySelectorAll(s); const unit=()=>DATA[state.unit]; function shuffle(a){return [...a].sort(()=>Math.random()-.5)} function choicePool(key){return shuffle(DATA.flatMap(u=>u.items.map(x=>key==="term"?x[0]:x[1]))).filter((v,i,a)=>a.indexOf(v)===i)} function makeQuestions(){ const u=unit(), poolTerm=choicePool("term"), poolDesc=choicePool("desc"); const qs=[]; for(let i=0;i<20;i++){ const item=u.items[i%u.items.length], mode=i%2; if(mode===0){ const choices=shuffle([item[0],...poolTerm.filter(x=>x!==item[0]).slice(0,3)]); qs.push({type:item[2],question:`다음 설명에 알맞은 개념은?\n${item[1]}`,answer:item[0],choices,explain:`${item[0]}: ${item[1]}`}); }else{ const choices=shuffle([item[1],...poolDesc.filter(x=>x!==item[1]).slice(0,3)]); qs.push({type:item[2],question:`'${item[0]}'에 대한 설명으로 옳은 것은?`,answer:item[1],choices,explain:`${item[0]}: ${item[1]}`}); } } return shuffle(qs); } function setView(v){state.view=v;if(v==="study"){state.open=false} if(v==="quiz"){state.questions=[]} render()} function render(){ document.documentElement.style.setProperty("--unit",unit().color); $$(".bottom button").forEach(b=>b.classList.toggle("active",b.dataset.view===state.view)); if(state.view==="home") renderHome(); if(state.view==="study") renderStudy(); if(state.view==="quiz") renderQuizStart(); } function renderHome(){ app.innerHTML=`<section class="hero"><div class="eyebrow">Middle School Science 3</div><h1>중3 과학 시험 대비</h1><p>PDF 요점정리와 암기노트의 핵심 개념을 단원별 코넬형 카드와 4지선다 문제로 정리했습니다.</p></section> <div class="summary"><div><strong>${DATA.length}</strong><span>소단원</span></div><div><strong>20</strong><span>단원별 문항</span></div><div><strong>무제한</strong><span>풀이 시간</span></div></div> <div class="unit-grid">${DATA.map((u,i)=>`<button class="unit ${i===state.unit?"selected":""}" data-unit="${i}" style="--unit:${u.color}"><span class="tag">${u.id}</span><b>${u.title}</b><span>${u.area} · 핵심 카드 ${u.items.length}개 · 시험 20문항</span></button>`).join("")}</div>`; app.querySelectorAll("[data-unit]").forEach(btn=>btn.onclick=()=>{state.unit=Number(btn.dataset.unit);state.card=0;state.open=false;renderHome();toastMsg(`${unit().title} 선택`);}); } function renderStudy(){ const u=unit(), item=u.items[state.card%u.items.length]; app.innerHTML=`<div class="controls"><select class="select" id="unitSelect">${DATA.map((x,i)=>`<option value="${i}" ${i===state.unit?"selected":""}>${x.id} ${x.title}</option>`).join("")}</select><select class="select" id="cardSelect">${u.items.map((x,i)=>`<option value="${i}" ${i===state.card?"selected":""}>${i+1}. ${x[0]}</option>`).join("")}</select></div> <div class="seg"><button class="active">코넬 암기</button><button id="goQuiz">4지선다 시험</button></div> <article class="cornell"> <section class="cue"><span class="label">CUE</span><h2>${item[0]}</h2><p>${item[2]}</p></section> <section class="note"><span class="label">NOTE</span><h3>${u.title}</h3>${state.open?`<div class="open-note"><p>${item[1]}</p><p><b>시험 포인트</b><br>${makePoint(item)}</p></div>`:`<button class="hidden-note" id="openCard">터치해서 풀이 보기</button>`}</section> </article> <div class="cardnav"><button id="prevCard">‹</button><button id="toggleCard">${state.open?"풀이 숨기기":"풀이 보기"}</button><button id="nextCard">›</button></div>`; $("#unitSelect").onchange=e=>{state.unit=Number(e.target.value);state.card=0;state.open=false;renderStudy()}; $("#cardSelect").onchange=e=>{state.card=Number(e.target.value);state.open=false;renderStudy()}; $("#goQuiz").onclick=()=>setView("quiz"); $("#prevCard").onclick=()=>{state.card=(state.card-1+u.items.length)%u.items.length;state.open=false;renderStudy()}; $("#nextCard").onclick=()=>{state.card=(state.card+1)%u.items.length;state.open=false;renderStudy()}; $("#toggleCard").onclick=()=>{state.open=!state.open;renderStudy()}; const open=$("#openCard"); if(open)open.onclick=()=>{state.open=true;renderStudy()}; } function makePoint(item){return `'${item[0]}'의 뜻과 기능을 비슷한 개념과 구별할 수 있어야 합니다.`} function renderQuizStart(){ const u=unit(); app.innerHTML=`<div class="controls"><select class="select" id="unitSelect">${DATA.map((x,i)=>`<option value="${i}" ${i===state.unit?"selected":""}>${x.id} ${x.title}</option>`).join("")}</select></div> <section class="quiz-start"><h2>${u.id} ${u.title}</h2><p>핵심 개념과 설명을 섞어 묻는 4지선다 시험입니다. 한 문제를 풀면 바로 풀이가 나옵니다.</p><div class="rules"><div><strong>20</strong><span>문항</span></div><div><strong>4</strong><span>지선다</span></div><div><strong>무제한</strong><span>시간</span></div></div><button class="primary" id="startQuiz">시험 시작</button></section>`; $("#unitSelect").onchange=e=>{state.unit=Number(e.target.value);renderQuizStart()}; $("#startQuiz").onclick=()=>{state.questions=makeQuestions();state.q=0;state.score=0;state.wrong=[];state.locked=false;renderQuestion()}; } function renderQuestion(){ const q=state.questions[state.q], pct=((state.q)/state.questions.length*100).toFixed(1)+"%"; app.innerHTML=`<div class="qtop"><div class="progress" style="--p:${pct}"><i></i></div><div class="counter">${state.q+1}/${state.questions.length}</div></div> <section class="qcard"><div class="meta">${unit().id} ${unit().title} · ${q.type}</div><h2>${q.question}</h2><div class="choices">${q.choices.map((c,i)=>`<button class="choice" data-choice="${escapeHtml(c)}"><b>${i+1}</b><span>${c}</span></button>`).join("")}</div><div id="explain"></div></section>`; app.querySelectorAll(".choice").forEach(btn=>btn.onclick=()=>answer(btn.dataset.choice)); } function answer(v){ if(state.locked)return; state.locked=true; const q=state.questions[state.q], ok=v===q.answer; if(ok)state.score++; else state.wrong.push({q:q.question,a:q.answer}); app.querySelectorAll(".choice").forEach(btn=>{btn.disabled=true;if(btn.dataset.choice===q.answer)btn.classList.add("correct");else if(btn.dataset.choice===v)btn.classList.add("wrong")}); $("#explain").innerHTML=`<div class="explain"><b>${ok?"정답":"오답"}</b><br>${q.explain}</div><button class="primary" id="nextQ" style="margin-top:12px">${state.q===state.questions.length-1?"결과 보기":"다음 문제"}</button>`; $("#nextQ").onclick=()=>{state.q++;state.locked=false;state.q>=state.questions.length?renderResult():renderQuestion()}; } function renderResult(){ const u=unit(), rate=Math.round(state.score/state.questions.length*100); app.innerHTML=`<section class="result"><h2>${u.title} 결과</h2><div class="score" style="--score:${rate}%">${rate}</div><p><b>${state.score}/${state.questions.length}문항 정답</b></p>${state.wrong.length?`<div class="wrong-list">${state.wrong.slice(0,6).map(w=>`<div><b>정답: ${w.a}</b><br>${w.q}</div>`).join("")}</div>`:`<p>틀린 문제가 없습니다.</p>`}<button class="primary" id="shareResult">결과 전송</button><button class="secondary" id="retry" style="margin-top:8px">다시 풀기</button></section>`; $("#retry").onclick=()=>renderQuizStart(); $("#shareResult").onclick=shareResult; } function shareResult(){ if(!state.questions.length){ const text=`YM 중3 과학 코넬 암기와 4지선다: ${DATA.map(u=>u.id+" "+u.title).join(", ")}`; if(navigator.share){navigator.share({title:"YM 중3 과학",text}).catch(()=>copyText(text));}else copyText(text); return; } const text=`YM 중3 과학 ${unit().id} ${unit().title} 결과: ${state.score}/${state.questions.length}점`; if(navigator.share){navigator.share({title:"중3 과학 시험 결과",text}).catch(()=>copyText(text));}else copyText(text); } function copyText(t){navigator.clipboard?.writeText(t);toastMsg("결과를 복사했습니다. 카카오톡에 붙여넣기 하세요.");} function toastMsg(t){toast.textContent=t;toast.classList.add("show");setTimeout(()=>toast.classList.remove("show"),1800)} function escapeHtml(s){return String(s).replace(/[&<>"']/g,m=>({"&":"&amp;","<":"&lt;",">":"&gt;","\"":"&quot;","'":"&#39;"}[m]))} document.querySelectorAll(".bottom button").forEach(b=>b.onclick=()=>setView(b.dataset.view)); document.getElementById("homeBtn").onclick=()=>setView("home"); document.getElementById("shareTop").onclick=shareResult; render(); </script> </body> </html> 내신 중등/동성중 team YM https://ymedu.tistory.com/394 https://ymedu.tistory.com/394#entry394comment Wed, 1 Jul 2026 18:05:46 +0900 불규칙 동사 https://ymedu.tistory.com/393 <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#263f5f"> <title>YM 불규칙 일반동사 시험</title> <style> :root{--ink:#20242a;--muted:#68737d;--line:#dbe3e8;--paper:#fff;--soft:#f3f7fa;--brand:#263f5f;--brand2:#1b2d45;--accent:#c0643e;--ok:#257a55;--bad:#b53e3e;--shadow:0 10px 28px rgba(32,36,42,.12)} *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#e8eef1;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:17px;line-height:1.46;letter-spacing:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{width:min(100%,760px);min-height:100svh;margin:auto;background:var(--paper)}header{position:relative;z-index:20;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff}h1{margin:0;font-size:20px;font-weight:950;color:var(--brand2)}header small{display:block;color:var(--muted);font-size:12px;font-weight:850}.top{display:flex;justify-content:space-between;gap:8px;align-items:start}.best{font-size:14px;color:var(--brand);font-weight:950}.controls{display:grid;grid-template-columns:1.25fr .75fr;gap:6px;margin-top:7px}.select{min-height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 9px;font-weight:900;color:var(--ink)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.tab{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand2);font-weight:950;font-size:14px}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}main{padding:12px 10px 28px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.rules div{padding:10px 5px;border-radius:8px;background:var(--soft);text-align:center}.rules strong{display:block;font-size:20px;color:var(--brand2)}.rules span{font-size:12px;color:var(--muted);font-weight:850}.card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.hero{display:grid;place-items:center;min-height:155px;padding:16px;background:linear-gradient(135deg,#eaf5f7,#fff7ef);text-align:center}.hero .word{font-size:44px;line-height:1;font-weight:950;color:var(--brand2)}.body{padding:15px}.forms{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.forms div{padding:11px 6px;border-radius:8px;background:var(--soft);text-align:center}.forms b{display:block;font-size:18px;color:var(--brand2)}.forms span{font-size:11px;color:var(--muted);font-weight:850}.meaning{font-size:18px;font-weight:900;color:var(--brand2)}.note{margin-top:10px;padding:11px;border-radius:8px;background:#fff7ef;color:#74432d;font-weight:850}.nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px}.primary,.secondary{min-height:46px;border-radius:8px;font-weight:950}.primary{border:0;background:var(--accent);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.count{text-align:center;margin:8px 0;color:var(--muted);font-size:14px;font-weight:900}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-head h2{margin:0;font-size:19px;color:var(--brand2)}.timer{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;font-weight:950}.timer.danger{background:var(--bad)}.bar{height:7px;border-radius:999px;background:#e6edf1;overflow:hidden;margin-bottom:9px}.bar i{display:block;height:100%;background:var(--accent)}.question{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.prompt{padding:14px;border-radius:8px;background:var(--soft);font-size:20px;font-weight:950;color:var(--brand2)}.hint{margin-top:5px;color:var(--muted);font-size:14px;font-weight:850}.choices{display:grid;gap:8px;margin-top:11px}.choice{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;width:100%;min-height:50px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;font-weight:900}.choice b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--soft);font-size:14px}.choice.correct{border-color:var(--ok);background:#eaf7ef;color:var(--ok)}.choice.wrong{border-color:var(--bad);background:#fff0f0;color:var(--bad)}.choice:disabled{opacity:1}.feedback{margin-top:10px;padding:11px;border-radius:8px;background:var(--soft);font-size:16px;line-height:1.5;font-weight:850}.feedback.ok{background:#eaf7ef;color:var(--ok)}.feedback.bad{background:#fff0f0;color:var(--bad)}.result{padding:20px 13px;text-align:center;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.score{font-size:58px;line-height:1;color:var(--brand2);font-weight:950}.wrong-list{margin-top:15px;text-align:left}.wrong{padding:10px 0;border-top:1px solid var(--line);font-size:16px} @media(max-width:430px){body{font-size:16px}header{padding:7px 8px}h1{font-size:17px}header small{font-size:10px}.best{font-size:12px}.controls{grid-template-columns:1.22fr .78fr;gap:5px;margin-top:6px}.select{min-height:36px;font-size:14px;padding:0 6px}.tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.tab{min-height:35px;font-size:13px}main{padding:8px 8px 20px}.rules{gap:5px;margin-bottom:8px}.rules div{padding:7px 3px}.hero{min-height:125px}.hero .word{font-size:36px}.prompt{font-size:18px}.choice{font-size:15px}.primary,.secondary{min-height:42px;font-size:15px}.rules strong{font-size:18px}.rules span{font-size:10px}} </style> </head> <body> <div class="app"> <header><div class="top"><div><h1>YM 불규칙 일반동사 시험</h1><small>단계별 20개 · 의미/과거/과거분사/종합 선택</small></div><div class="best" id="best">최고 0점</div></div><div class="controls"><select id="stageSelect" class="select"></select><select id="typeSelect" class="select"></select></div><div class="tabs"><button class="tab active" data-mode="study">암기</button><button class="tab" data-mode="practice">연습</button><button class="tab" data-mode="final">최종테스트</button></div></header> <main id="screen"></main> </div> <script> const VERBS=[ ["cut","cut","cut","자르다","AAA"],["hit","hit","hit","치다, 때리다","AAA"],["hurt","hurt","hurt","다치게 하다, 아프다","AAA"],["let","let","let","~하게 허락하다","AAA"],["put","put","put","놓다, 두다","AAA"],["set","set","set","놓다, 설정하다","AAA"],["shut","shut","shut","닫다","AAA"],["spread","spread","spread","퍼지다, 펼치다","AAA"],["cost","cost","cost","비용이 들다","AAA"],["read","read","read","읽다","AAA"],["quit","quit","quit","그만두다","AAA"],["burst","burst","burst","터지다","AAA"], ["bring","brought","brought","가져오다","ABB"],["buy","bought","bought","사다","ABB"],["catch","caught","caught","잡다, 타다","ABB"],["feel","felt","felt","느끼다","ABB"],["find","found","found","찾다","ABB"],["get","got","got","얻다, 도착하다","ABB"],["have","had","had","가지다, 먹다","ABB"],["hear","heard","heard","듣다","ABB"], ["hold","held","held","잡고 있다, 열다","ABB"],["keep","kept","kept","유지하다","ABB"],["leave","left","left","떠나다, 남기다","ABB"],["lose","lost","lost","잃다, 지다","ABB"],["make","made","made","만들다","ABB"],["meet","met","met","만나다","ABB"],["pay","paid","paid","지불하다","ABB"],["say","said","said","말하다","ABB"],["sell","sold","sold","팔다","ABB"],["send","sent","sent","보내다","ABB"],["sit","sat","sat","앉다","ABB"],["sleep","slept","slept","자다","ABB"], ["stand","stood","stood","서다","ABB"],["teach","taught","taught","가르치다","ABB"],["tell","told","told","말하다, 알려주다","ABB"],["think","thought","thought","생각하다","ABB"],["win","won","won","이기다","ABB"],["build","built","built","짓다","ABB"],["lend","lent","lent","빌려주다","ABB"],["spend","spent","spent","쓰다, 보내다","ABB"], ["begin","began","begun","시작하다","ABC"],["bite","bit","bitten","물다","ABC"],["blow","blew","blown","불다","ABC"],["break","broke","broken","깨다, 부수다","ABC"],["choose","chose","chosen","고르다","ABC"],["do","did","done","하다","ABC"],["draw","drew","drawn","그리다, 끌다","ABC"],["drink","drank","drunk","마시다","ABC"],["drive","drove","driven","운전하다","ABC"],["eat","ate","eaten","먹다","ABC"], ["fall","fell","fallen","떨어지다, 넘어지다","ABC"],["fly","flew","flown","날다","ABC"],["forget","forgot","forgotten","잊다","ABC"],["freeze","froze","frozen","얼다","ABC"],["give","gave","given","주다","ABC"],["go","went","gone","가다","ABC"],["grow","grew","grown","자라다","ABC"],["know","knew","known","알다","ABC"],["ride","rode","ridden","타다","ABC"],["ring","rang","rung","울리다","ABC"], ["rise","rose","risen","오르다, 일어나다","ABC"],["see","saw","seen","보다","ABC"],["sing","sang","sung","노래하다","ABC"],["speak","spoke","spoken","말하다","ABC"],["steal","stole","stolen","훔치다","ABC"],["swim","swam","swum","수영하다","ABC"],["take","took","taken","가지고 가다, 찍다","ABC"],["throw","threw","thrown","던지다","ABC"],["write","wrote","written","쓰다","ABC"],["wear","wore","worn","입다, 착용하다","ABC"], ["deal","dealt","dealt","다루다, 거래하다","ABB"],["dig","dug","dug","파다","ABB"],["feed","fed","fed","먹이를 주다","ABB"],["fight","fought","fought","싸우다","ABB"],["hang","hung","hung","걸다, 매달다","ABB"],["light","lit","lit","불을 붙이다","ABB"],["stick","stuck","stuck","붙이다, 찌르다","ABB"],["understand","understood","understood","이해하다","ABB"],["wake","woke","woken","깨다, 깨우다","ABC"],["tear","tore","torn","찢다","ABC"] ].map(([base,past,pp,meaning,type])=>({base,past,pp,meaning,type})); const $=s=>document.querySelector(s),screen=$("#screen"),stageSelect=$("#stageSelect"),typeSelect=$("#typeSelect"),bestEl=$("#best"); const state={stage:0,quizType:"meaning",mode:"study",idx:0,questions:[],q:0,score:0,locked:false,wrong:[],timer:null,seconds:15}; const stages=[];for(let i=0;i<VERBS.length;i+=20)stages.push(VERBS.slice(i,i+20)); function esc(v){return String(v).replace(/[&<>"']/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"}[c]))}function shuffle(a){const b=[...a];for(let i=b.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[b[i],b[j]]=[b[j],b[i]]}return b} function key(){return`irregular-best-${state.stage}`}function best(){return Number(localStorage.getItem(key())||0)}function updateBest(){bestEl.textContent=`최고 ${best()}점`}function cur(){return stages[state.stage]}function ruleStats(){const s=cur();return{AAA:s.filter(v=>v.type==="AAA").length,ABB:s.filter(v=>v.type==="ABB").length,ABC:s.filter(v=>v.type==="ABC").length}} function fillControls(){stageSelect.innerHTML=stages.map((s,i)=>`<option value="${i}" ${i===state.stage?"selected":""}>${i+1}단계 · ${i*20+1}-${i*20+s.length}번</option>`).join("");typeSelect.innerHTML=`<option value="meaning" ${state.quizType==="meaning"?"selected":""}>의미</option><option value="past" ${state.quizType==="past"?"selected":""}>과거</option><option value="pp" ${state.quizType==="pp"?"selected":""}>과거분사</option><option value="all" ${state.quizType==="all"?"selected":""}>종합</option>`;typeSelect.value=state.quizType} function stageWords(){return cur()} function selectedTypes(){const v=state.quizType||"meaning";return v==="all"?["meaning","past","pp"]:[v]} function typeLabel(){return({meaning:"의미",past:"과거",pp:"과거분사",all:"종합"}[state.quizType]||"의미")} function rules(){return`<div class="rules"><div><strong>${state.stage+1}</strong><span>단계</span></div><div><strong>${stageWords().length}</strong><span>동사</span></div><div><strong>${typeLabel()}</strong><span>문제 유형</span></div></div>`} function setMode(mode){state.mode=mode;document.querySelectorAll(".tab").forEach(b=>b.classList.toggle("active",b.dataset.mode===mode));stopTimer();mode==="study"?renderStudy():startQuiz(mode)} function renderStudy(){fillControls();updateBest();const words=stageWords();const v=words[state.idx%words.length];screen.innerHTML=rules()+`<article class="card"><div class="hero"><div><div class="word">${esc(v.base)}</div></div></div><div class="body"><div class="meaning">${esc(v.meaning)}</div><div class="forms"><div><b>${esc(v.base)}</b><span>현재</span></div><div><b>${esc(v.past)}</b><span>과거</span></div><div><b>${esc(v.pp)}</b><span>과거분사</span></div></div><div class="note">현재형, 과거형, 과거분사를 한 번에 보고 소리 내어 암기하세요.</div></div></article><div class="count">${state.idx%words.length+1} / ${words.length}</div><div class="nav"><button class="secondary" id="prev">이전</button><button class="primary" id="random">무작위</button><button class="secondary" id="next">다음</button></div>`;$("#prev").onclick=()=>{state.idx=(state.idx-1+words.length)%words.length;renderStudy()};$("#next").onclick=()=>{state.idx=(state.idx+1)%words.length;renderStudy()};$("#random").onclick=()=>{state.idx=Math.floor(Math.random()*words.length);renderStudy()}} function formDistractors(v,field){const correct=v[field],base=v.base;let pool=[field==="past"?v.pp:v.past,base,base+"ed",base+"d",base.slice(0,-1)+"ed",correct+"ed",correct+"en",correct.replace(/o/g,"a"),correct.replace(/a/g,"u"),...VERBS.filter(x=>x.base[0]===base[0]).flatMap(x=>[x.past,x.pp])];return uniqueChoices(correct,pool)} function uniqueChoices(correct,pool){const out=[correct];for(const item of pool){if(item&&item!==correct&&!out.includes(item))out.push(item);if(out.length===4)break}while(out.length<4){const any=VERBS[Math.floor(Math.random()*VERBS.length)];const pick=Math.random()<.5?any.past:any.pp;if(!out.includes(pick))out.push(pick)}return shuffle(out)} function meaningChoices(v){return uniqueChoices(v.meaning,VERBS.map(x=>x.meaning))} function makeQuestion(v,type){if(type==="meaning")return{type,v,question:`${v.base} - ${v.past} - ${v.pp}\n의미로 알맞은 것은?`,answer:v.meaning,choices:meaningChoices(v),note:`${v.base}의 의미는 '${v.meaning}'입니다.`};if(type==="past")return{type,v,question:`${v.base}의 불규칙 과거형은?`,answer:v.past,choices:formDistractors(v,"past"),note:`${v.base} - ${v.past} - ${v.pp} (${v.meaning})`};return{type,v,question:`${v.base}의 과거분사는?`,answer:v.pp,choices:formDistractors(v,"pp"),note:`${v.base} - ${v.past} - ${v.pp} (${v.meaning})`}} function startQuiz(mode){fillControls();updateBest();const words=stageWords(),types=selectedTypes();state.questions=shuffle(words.map((v,i)=>makeQuestion(v,types[i%types.length])));state.q=0;state.score=0;state.wrong=[];state.locked=false;renderQuestion();if(mode==="final")startTimer()} function renderQuestion(){if(state.q>=state.questions.length)return renderResult();const q=state.questions[state.q],pct=(state.q+1)/state.questions.length*100;state.locked=false;const title=state.mode==="final"?"최종테스트":`${typeLabel()} 연습`;screen.innerHTML=rules()+`<div class="quiz-head"><div><h2>${title}</h2><small>${state.q+1} / ${state.questions.length} · ${state.score}개 정답</small></div>${state.mode==="final"?`<div class="timer" id="timer">15</div>`:""}</div><div class="bar"><i style="width:${pct}%"></i></div><section class="question"><div class="prompt">${esc(q.question).replace("\\n","<br>")}<div class="hint">보기 중 알맞은 답을 고르세요.</div></div><div class="choices">${q.choices.map((c,i)=>`<button class="choice" data-choice="${esc(c)}"><b>${i+1}</b><span>${esc(c)}</span></button>`).join("")}</div><div id="feedback"></div></section>`;document.querySelectorAll(".choice").forEach(btn=>btn.onclick=()=>answer(btn.dataset.choice))} function answer(selected,timeout=false){if(state.locked)return;state.locked=true;stopTimer();const q=state.questions[state.q],ok=selected===q.answer;if(ok)state.score++;else state.wrong.push({q,selected:selected||"시간 초과"});document.querySelectorAll(".choice").forEach(btn=>{btn.disabled=true;const v=btn.dataset.choice;if(v===q.answer)btn.classList.add("correct");if(v===selected&&!ok)btn.classList.add("wrong")});$("#feedback").innerHTML=`<div class="feedback ${ok?"ok":"bad"}"><strong>${ok?"정답입니다":"오답입니다"}${timeout?" · 시간 초과":""}</strong><br>정답: ${esc(q.answer)}<br>${esc(q.note)}</div><button class="primary" id="nextQ" style="width:100%;margin-top:8px">${state.q===state.questions.length-1?"결과 보기":"다음 문제"}</button>`;$("#nextQ").onclick=()=>{state.q++;renderQuestion();if(state.mode==="final"&&state.q<state.questions.length)startTimer()}} function startTimer(){stopTimer();state.seconds=15;const tick=()=>{const t=$("#timer");if(t){t.textContent=state.seconds;t.classList.toggle("danger",state.seconds<=5)}if(state.seconds<=0)return answer(null,true);state.seconds--};tick();state.timer=setInterval(tick,1000)}function stopTimer(){clearInterval(state.timer);state.timer=null} function renderResult(){stopTimer();const total=state.questions.length,score=Math.round(state.score/total*100);if(state.mode==="final"&&score>best())localStorage.setItem(key(),score);updateBest();screen.innerHTML=`<section class="result"><div class="score">${score}점</div><h2>${state.score} / ${total}문제 정답</h2><p>${state.stage+1}단계 · ${state.mode==="final"?"최종 테스트":"연습"}</p><div class="nav"><button class="secondary" id="home">암기</button><button class="primary" id="retry">다시 풀기</button><button class="secondary" id="share">전송</button></div><div class="wrong-list"><h3>오답 정리</h3>${state.wrong.length?state.wrong.map(w=>`<div class="wrong"><b>${esc(w.q.v.base)} (${w.q.v.type})</b><br>내 답: ${esc(w.selected)}<br>정답: ${esc(w.q.answer)}<br>${esc(w.q.v.base)} - ${esc(w.q.v.past)} - ${esc(w.q.v.pp)} · ${esc(w.q.v.meaning)}</div>`).join(""):`<div class="wrong">모든 문제를 맞혔습니다.</div>`}</div></section>`;$("#home").onclick=()=>setMode("study");$("#retry").onclick=()=>startQuiz(state.mode);$("#share").onclick=shareResult} function shareResult(){const text=`YM 불규칙 일반동사 결과\n${state.stage+1}단계 ${state.mode==="final"?"최종 테스트":"연습"}\n점수: ${state.score}/${state.questions.length} (${Math.round(state.score/state.questions.length*100)}점)`;if(navigator.share)navigator.share({title:"YM 불규칙 일반동사 결과",text}).catch(()=>{});else navigator.clipboard?.writeText(text).then(()=>alert("결과가 복사되었습니다. 카카오톡 등에 붙여넣어 전송하세요."))} stageSelect.onchange=()=>{state.stage=Number(stageSelect.value);state.idx=0;setMode(state.mode)};typeSelect.onchange=()=>{state.quizType=typeSelect.value;state.idx=0;setMode(state.mode)};document.querySelectorAll(".tab").forEach(btn=>btn.onclick=()=>setMode(btn.dataset.mode));fillControls();renderStudy(); </script> </body> </html> 초등공부/초등영어 불규칙동사 team YM https://ymedu.tistory.com/393 https://ymedu.tistory.com/393#entry393comment Wed, 1 Jul 2026 17:25:39 +0900 중2 비상(황) 1~4 어법 대화문 https://ymedu.tistory.com/392 <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#294f5d"> <title>중2 비상(황) 1~4과 어법·대화 카드</title> <style> :root{--ink:#20242a;--muted:#69737e;--line:#dbe2e8;--paper:#fff;--soft:#f3f7fa;--brand:#294f5d;--brand2:#1e3d47;--accent:#c0693d;--ok:#257a55;--bad:#b53e3e;--shadow:0 10px 28px rgba(32,36,42,.12)} *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#e8eef1;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:17px;line-height:1.46;letter-spacing:0}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent} .app{width:min(100%,760px);min-height:100svh;margin:auto;background:var(--paper)}header{position:sticky;top:0;z-index:20;padding:9px 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)} h1{margin:0;font-size:20px;font-weight:950;color:var(--brand2)}header small{display:block;color:var(--muted);font-size:12px;font-weight:850}.top{display:flex;justify-content:space-between;gap:8px;align-items:start}.best{font-size:14px;color:var(--brand);font-weight:950}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.select{min-height:43px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;font-weight:900;color:var(--ink)} .tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tab{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand2);font-weight:950}.tab.active{background:var(--brand);border-color:var(--brand);color:#fff} main{padding:12px 10px 26px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.rules div{padding:10px 5px;border-radius:8px;background:var(--soft);text-align:center}.rules strong{display:block;font-size:20px;color:var(--brand2)}.rules span{font-size:12px;color:var(--muted);font-weight:850} .study-card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.scene{display:grid;place-items:center;min-height:160px;padding:16px;background:linear-gradient(135deg,#eaf5f7,#fff7ef);text-align:center}.scene .pic{font-size:68px;line-height:1}.scene b{display:block;margin-top:7px;font-size:18px;color:var(--brand2)}.card-body{padding:15px}.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#eaf5f7;color:var(--brand);font-size:13px;font-weight:950}.sentence{margin:12px 0 8px;font-size:22px;font-weight:950;line-height:1.38}.ko{color:var(--muted);font-size:16px;font-weight:850}.answer{display:none;margin-top:12px;padding:12px;border-radius:8px;background:var(--soft);font-size:16px;font-weight:850;line-height:1.55}.study-card.open .answer{display:block}.nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px}.primary,.secondary{min-height:46px;border-radius:8px;font-weight:950}.primary{border:0;background:var(--accent);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.count{text-align:center;margin:8px 0;color:var(--muted);font-size:14px;font-weight:900} .quiz-head{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-bottom:8px}.quiz-head h2{margin:0;font-size:19px;color:var(--brand2)}.quiz-head small{color:var(--muted);font-weight:850}.bar{height:7px;border-radius:999px;background:#e6edf1;overflow:hidden;margin-bottom:9px}.bar i{display:block;height:100%;background:var(--accent)}.question{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.qscene{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:11px;border-radius:8px;background:var(--soft)}.qscene .pic{display:grid;place-items:center;width:76px;height:76px;border-radius:10px;background:#fff;font-size:40px}.prompt{font-size:18px;font-weight:950;color:var(--brand2)}.hint{margin-top:4px;color:var(--muted);font-size:14px;font-weight:850}.target{margin-top:10px;padding:12px;border:2px dashed #cfd9df;border-radius:8px;min-height:60px;background:#fbfcfd;font-size:18px;font-weight:900}.target.empty{color:#9aa4ad}.tiles{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.tile{min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:16px;font-weight:900}.tile.used{opacity:.35}.feedback{margin-top:10px;padding:11px;border-radius:8px;background:var(--soft);font-size:16px;line-height:1.5;font-weight:850}.feedback.ok{background:#eaf7ef;color:var(--ok)}.feedback.bad{background:#fff0f0;color:var(--bad)} .dialogue-meta{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--brand);font-size:14px;font-weight:950}.speaker{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:999px;background:var(--brand);color:#fff;font-size:14px}.next-line{margin-top:10px;padding:11px;border-radius:8px;background:#fff7ef;border:1px solid #efd7c7;font-size:16px;font-weight:850;line-height:1.5}.choice4{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;width:100%;min-height:50px;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;font-size:16px;font-weight:900}.choice4 b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--soft);font-size:14px}.choice4.correct{border-color:var(--ok);background:#eaf7ef;color:var(--ok)}.choice4.wrong{border-color:var(--bad);background:#fff0f0;color:var(--bad)}.choice4:disabled{opacity:1}.result{padding:20px 13px;text-align:center;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.score{font-size:58px;line-height:1;color:var(--brand2);font-weight:950}.wrong-list{margin-top:15px;text-align:left}.wrong{padding:10px 0;border-top:1px solid var(--line);font-size:16px} @media(max-width:430px){body{font-size:16px}header{padding:8px}h1{font-size:18px}header small{font-size:11px}.controls{grid-template-columns:1fr}.select{min-height:40px;font-size:15px}main{padding:9px 8px 19px}.scene{min-height:136px}.scene .pic{font-size:56px}.scene b{font-size:16px}.sentence{font-size:19px}.ko,.answer,.feedback,.next-line,.choice4{font-size:15px}.qscene{grid-template-columns:64px 1fr}.qscene .pic{width:60px;height:60px;font-size:34px}.prompt{font-size:16px}.hint{font-size:13px}.target{font-size:16px}.tile{font-size:15px;padding:7px 9px}.primary,.secondary{min-height:42px;font-size:15px}.rules strong{font-size:18px}.rules span{font-size:11px}} </style> </head> <body> <div class="app"> <header><div class="top"><div><h1>중2 비상(황) 1~4과 어법·대화</h1><small>암기 카드 · 선택 영작 · 대화 4지선다 30문항</small></div><div class="best" id="best">최고 0점</div></div><div class="controls"><select id="lessonSelect" class="select"></select><select id="grammarSelect" class="select"></select></div><div class="tabs"><button class="tab active" id="studyTab">암기</button><button class="tab" id="testTab">시험</button></div></header> <main id="screen"></main> </div> <script> function c(pic,ko,en,chunks,note){return{pic,ko,en,chunks,note}}function t(pic,ko,en,tiles,note){return{pic,ko,en,tiles,note}}function d(speaker,en,ko,note,next){return{speaker,en,ko,note,next}}function dq(type,prompt,answer,choices,note,source){return{kind:"dialogue",type,prompt,answer,choices,note,source}} function gt(pic,ko,en,note){return t(pic,ko,en,en.replace(/[,.?!]/g,"").split(" "),note)}function mix(a){const b=[...a];for(let i=b.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[b[i],b[j]]=[b[j],b[i]]}return b}function choices(ans,pool){return mix([ans,...pool.filter(x=>x!==ans).slice(0,3)])} function fill30(arr){let out=[];while(out.length<30)out.push(...mix(arr));return out.slice(0,30)} function dialogueTests(cards,extra=[]){const meanings=cards.map(x=>x.ko),nexts=cards.map(x=>x.next),built=[];cards.forEach(card=>{built.push(dq("meaning",`${card.en} 의 뜻은?`,card.ko,choices(card.ko,meanings),card.note,card.speaker));built.push(dq("next",`${card.speaker}: ${card.en} 다음에 이어질 말은?`,card.next,choices(card.next,nexts),`대화 흐름상 '${card.next}'가 자연스럽다.`,card.speaker))});return fill30([...built,...extra])} const DATA={ "1":{name:"1과 취향과 물건",grammars:{ ing:{name:"어법 1. 전치사+동명사",rule:"전치사 of, for, about, before 뒤에는 동사원형이 아니라 -ing 형태를 쓴다.",cards:[c(" ","나는 같은 음악을 듣는 것에 싫증이 났다.","I am tired of listening to the same music.","I am tired of / listening to the same music","of 뒤에는 listening을 쓴다."),c(" ","나는 배드민턴 동아리에 가입하는 것에 대해 생각하고 있다.","I am thinking about signing up for the badminton club.","I am thinking about / signing up for the badminton club","about 뒤에는 signing을 쓴다."),c(" ","온라인에서 가방을 사기 전에 무게를 확인해라.","Check the weight before buying a backpack online.","Check the weight / before buying a backpack online","before 뒤에는 buying을 쓴다."),c(" ","민지는 쿠키를 굽는 것을 좋아한다.","Minji likes baking cookies.","Minji likes / baking cookies","like 뒤에는 동명사를 목적어로 쓸 수 있다.")],tests:[]}, look:{name:"어법 2. look/sound/taste + 형용사",rule:"look, sound, taste 뒤에는 명사보다 형용사를 써서 상태나 느낌을 나타낸다.",cards:[c(" ","그 가방은 가벼워 보인다.","The backpack looks light.","The backpack / looks / light","look 뒤에는 형용사 light를 쓴다."),c(" ","그 열쇠고리는 네게 잘 어울린다.","The key ring looks good on you.","The key ring / looks good / on you","look good on은 '~에게 잘 어울리다'이다."),c(" ","그 딸기 맛은 달콤한 맛이 난다.","The strawberry flavor tastes sweet.","The strawberry flavor / tastes / sweet","taste 뒤에는 형용사 sweet를 쓴다."),c(" ","그 밴드의 음악은 놀랍게 들린다.","The band's music sounds amazing.","The band's music / sounds / amazing","sound 뒤에는 형용사 amazing을 쓴다.")],tests:[]}, dialogue:{kind:"dialogue",name:"대화. 취향 묻기와 물건 고르기",rule:"좋아하는 것 묻기, 추천하기, 의견 말하기 표현을 익힌다.",cards:[d("A","What kind of music do you like?","너는 어떤 종류의 음악을 좋아하니?","kind of는 종류를 묻는다.","B: I like band music the most."),d("B","I like band music the most.","나는 밴드 음악을 가장 좋아해.","favorite와 같은 취향 표현이다.","A: Who is your favorite drummer?"),d("A","Who is your favorite drummer?","네가 가장 좋아하는 드럼 연주자는 누구니?","favorite는 가장 좋아하는 대상을 묻는다.","B: Mina is my favorite drummer. She is amazing."),d("A","Which pouch do you want to choose?","너는 어떤 파우치를 고르고 싶니?","which는 선택을 묻는다.","B: I like the strawberry one. It looks tasty."),d("B","I like the strawberry one. It looks tasty.","나는 딸기 맛이 좋아. 맛있어 보여.","look + 형용사 표현을 쓴다.","A: It looks good on you."),d("A","It looks good on you.","그것은 너에게 잘 어울려.","look good on은 칭찬 표현이다.","B: Thanks. I will choose this one.")],tests:[]} }}, "2":{name:"2과 건강과 역할",grammars:{ advice:{name:"어법 1. should/had better",rule:"should와 had better 뒤에는 동사원형을 써서 충고나 조언을 나타낸다.",cards:[c(" ","너는 약을 먹어야 한다.","You should take some medicine.","You should / take some medicine","should 뒤에는 동사원형 take를 쓴다."),c(" ","너는 치과에 가는 것이 좋겠다.","You had better see a dentist.","You had better / see a dentist","had better 뒤에는 동사원형을 쓴다."),c(" ","너는 휴대전화를 내려놓는 것이 좋겠다.","You should put your phone down.","You should / put your phone down","put down은 내려놓다이다."),c(" ","너는 플래너를 사용해야 한다.","You should use a planner.","You should / use a planner","조언 표현이다.")],tests:[]}, ask:{name:"어법 2. ask/tell + 목적어 + to부정사",rule:"ask/tell + 사람 + to V는 '~에게 ...하라고 부탁하다/말하다'로 쓴다.",cards:[c(" ","나는 친구에게 즉시 전화해 달라고 부탁했다.","I asked my friend to call right away.","I asked my friend / to call right away","ask + 사람 + to V 구조이다."),c(" ","선생님은 우리에게 반려동물을 돌보라고 말씀하셨다.","The teacher told us to take care of the pet.","The teacher told us / to take care of the pet","tell + 사람 + to V 구조이다."),c(" ","그는 나에게 천천히 숨을 쉬라고 말했다.","He told me to breathe slowly.","He told me / to breathe slowly","to breathe가 목적격 보어이다."),c(" ","나는 동생에게 우리 문을 열어 두라고 부탁했다.","I asked my brother to leave the cage open.","I asked my brother / to leave the cage open","ask + 목적어 + to V 구조이다.")],tests:[]}, dialogue:{kind:"dialogue",name:"대화. 아픈 증상과 조언하기",rule:"증상 말하기, 조언하기, 부탁하기 표현을 익힌다.",cards:[d("A","What's wrong?","무슨 일이니? 어디가 안 좋니?","상대의 상태를 묻는 표현이다.","B: I have a terrible headache."),d("B","I have a terrible headache.","머리가 너무 아파.","증상을 말한다.","A: You should put your phone down and rest."),d("A","You should put your phone down and rest.","휴대전화를 내려놓고 쉬어야 해.","should로 조언한다.","B: You're right. I used up all my energy."),d("A","Can you feed the iguana?","이구아나에게 먹이를 줄 수 있니?","Can you는 부탁 표현이다.","B: Sure. I will take care of it."),d("B","Sure. I will take care of it.","물론이야. 내가 돌볼게.","부탁을 수락한다.","A: Thanks. Please call me right away if it is gone."),d("A","Please call me right away if it is gone.","그것이 없어지면 즉시 나에게 전화해 줘.","if 조건절과 부탁 표현이다.","B: Okay. I will check the cage first.")],tests:[]} }}, "3":{name:"3과 발명과 창의성",grammars:{ passive:{name:"어법 1. 수동태",rule:"주어가 동작을 받으면 be동사 + 과거분사를 쓴다. 행위자는 by 뒤에 쓴다.",cards:[c(" ","그 물건은 한 학생에 의해 발명되었다.","The thing was invented by a student.","The thing / was invented / by a student","was invented가 수동태이다."),c(" ","충전기는 발명품 박람회에서 소개되었다.","The charger was shown at the invention fair.","The charger / was shown / at the invention fair","was shown은 '소개되었다'이다."),c(" ","뜨거운 음식은 식혀졌다.","The hot food was cooled down.","The hot food / was cooled down","cool down의 수동태이다."),c(" ️","그 안경은 시각 장애인을 위해 만들어졌다.","The glasses were made for blind people.","The glasses / were made / for blind people","were made for는 '~을 위해 만들어졌다'이다.")],tests:[]}, infinitive:{name:"어법 2. to부정사의 목적",rule:"to + 동사원형은 '~하기 위해'라는 목적을 나타낼 수 있다.",cards:[c(" ","그는 배터리를 충전하기 위해 그것을 만들었다.","He made it to charge the battery.","He made it / to charge the battery","to charge는 목적이다."),c(" ","그 막대는 방향을 찾기 위해 사용된다.","The stick is used to find directions.","The stick is used / to find directions","to find directions는 목적이다."),c(" ","우리는 파티를 열기 위해 체육관에 갔다.","We went to the gym to throw a party.","We went to the gym / to throw a party","to throw a party는 목적이다."),c(" ","그 발명가는 기억을 돕기 위해 그것을 만들었다.","The inventor made it to help memory.","The inventor made it / to help memory","to help는 목적이다.")],tests:[]}, dialogue:{kind:"dialogue",name:"대화. 발명품 설명하기",rule:"발명품 묻기, 쓰임 말하기, 칭찬하기 표현을 익힌다.",cards:[d("A","What did you invent for the fair?","너는 박람회를 위해 무엇을 발명했니?","발명품을 묻는 표현이다.","B: I invented a special charger."),d("B","I invented a special charger.","나는 특별한 충전기를 발명했어.","발명한 물건을 말한다.","A: What is it used for?"),d("A","What is it used for?","그것은 무엇에 사용되니?","용도를 묻는 표현이다.","B: It is used to charge a phone during a bike ride."),d("B","It is used to charge a phone during a bike ride.","자전거를 타는 동안 휴대전화를 충전하는 데 사용돼.","be used to V로 용도를 말한다.","A: That's creative and useful."),d("A","That's creative and useful.","그것은 창의적이고 유용하다.","칭찬 표현이다.","B: Thanks. I made it because my battery often runs out."),d("B","I made it because my battery often runs out.","배터리가 자주 다 닳아서 그것을 만들었어.","because로 이유를 말한다.","A: I want to try it out.")],tests:[]} }}, "4":{name:"4과 도전과 꿈",grammars:{ whenuntil:{name:"어법 1. when/until 부사절",rule:"when은 '~할 때', until은 '~할 때까지'를 나타내며 뒤에는 주어+동사가 온다.",cards:[c(" ","나는 마라톤을 끝냈을 때 기분이 좋았다.","I felt great when I finished the marathon.","I felt great / when I finished the marathon","when은 '~할 때'이다."),c(" ","우리는 얼음이 녹을 때까지 기다렸다.","We waited until the ice melted.","We waited / until the ice melted","until은 '~할 때까지'이다."),c(" ","그 등반가는 남극에 도착했을 때 울었다.","The climber cried when she reached the South Pole.","The climber cried / when she reached the South Pole","when절이 시간을 나타낸다."),c(" ️","그들은 폭풍이 지나갈 때까지 움직이지 않았다.","They did not move until the storm passed.","They did not move / until the storm passed","until절이 끝나는 시점을 나타낸다.")],tests:[]}, perfect:{name:"어법 2. 현재완료 경험",rule:"have/has + 과거분사는 경험이나 계속된 상태를 나타낼 수 있다.",cards:[c(" ","나는 그 유명한 등반가에 대해 들어 본 적이 있다.","I have heard of the famous climber.","I have heard of / the famous climber","have heard of는 경험을 나타낸다."),c(" ","그는 대회에서 실수한 적이 있다.","He has made mistakes in contests.","He has made / mistakes in contests","has made는 현재완료이다."),c(" ","그녀는 장기 자랑을 위해 많이 연습해 왔다.","She has practiced a lot for the talent show.","She has practiced / a lot / for the talent show","has practiced는 계속된 노력을 나타낸다."),c(" ","그들은 언젠가 남극에 가고 싶어 해 왔다.","They have wanted to go to Antarctica someday.","They have wanted / to go to Antarctica someday","have wanted는 현재까지 이어진 바람이다.")],tests:[]}, dialogue:{kind:"dialogue",name:"대화. 격려와 도전 말하기",rule:"걱정 말하기, 격려하기, 목표 말하기 표현을 익힌다.",cards:[d("A","I feel down about the contest.","대회 때문에 기분이 안 좋아.","걱정과 낙담을 말한다.","B: Don't worry. Just do your best."),d("B","Don't worry. Just do your best.","걱정하지 마. 최선을 다하면 돼.","격려 표현이다.","A: What if I make a mistake?"),d("A","What if I make a mistake?","내가 실수하면 어떡하지?","걱정을 묻는다.","B: Everyone makes mistakes. Practice makes you better."),d("B","Practice makes you better.","연습은 너를 더 잘하게 만들어.","make + 목적어 + 보어 구조이다.","A: Thanks. I will practice until the last minute."),d("A","Have you heard of the climber?","그 등반가에 대해 들어 본 적 있니?","현재완료 경험을 묻는다.","B: Yes. She reached the South Pole."),d("B","Yes. She reached the South Pole.","응. 그녀는 남극에 도달했어.","인물의 성취를 말한다.","A: That's amazing. I want to explore someday.")],tests:[]} }} }; DATA["1"].grammars.ing.tests=fill30([gt(" ","나는 같은 음악을 듣는 것에 싫증이 났다.","I am tired of listening to the same music","of 뒤에는 listening을 쓴다."),gt(" ","나는 동아리에 가입하는 것에 대해 생각하고 있다.","I am thinking about signing up for the club","about 뒤에는 signing을 쓴다."),gt(" ","가방을 사기 전에 무게를 확인해라.","Check the weight before buying a backpack","before 뒤에는 buying을 쓴다."),gt(" ","나는 쿠키를 굽는 것을 좋아한다.","I like baking cookies","like 뒤에는 동명사를 쓸 수 있다."),gt(" ","그는 음악을 듣는 것을 즐긴다.","He enjoys listening to music","enjoy 뒤에는 동명사를 쓴다."),gt(" ️","그녀는 온라인으로 쇼핑하는 것에 대해 말했다.","She talked about shopping online","about 뒤에는 shopping을 쓴다."),gt(" ","그는 농구를 하는 것에 싫증이 났다.","He is tired of playing basketball","of 뒤에는 playing을 쓴다."),gt(" ","상자를 열기 전에 조심해라.","Be careful before opening the box","before 뒤에는 opening을 쓴다."),gt(" ","나는 헤드폰을 가져오는 것을 잊었다.","I forgot bringing my headphones","동명사 목적어 배열을 연습한다."),gt(" ","그는 레몬 맛을 고르는 것에 대해 생각했다.","He thought about choosing lemon flavor","about 뒤에는 choosing을 쓴다.")]); DATA["1"].grammars.look.tests=fill30([gt(" ","그 가방은 가벼워 보인다.","The backpack looks light","look 뒤에는 형용사 light를 쓴다."),gt(" ","그 열쇠고리는 너에게 잘 어울린다.","The key ring looks good on you","look good on은 '~에게 잘 어울리다'이다."),gt(" ","그 딸기 맛은 달콤한 맛이 난다.","The strawberry flavor tastes sweet","taste 뒤에는 형용사 sweet를 쓴다."),gt(" ","그 음악은 놀랍게 들린다.","The music sounds amazing","sound 뒤에는 형용사를 쓴다."),gt(" ","그 파우치는 편안해 보인다.","The pouch looks comfortable","look + 형용사 구조이다."),gt(" ","그 레몬 맛은 신선한 맛이 난다.","The lemon flavor tastes fresh","taste + 형용사 구조이다."),gt(" ","그 드럼 연주는 멋지게 들린다.","The drumming sounds great","sound + 형용사 구조이다."),gt(" ","그 색은 너에게 잘 어울린다.","The color looks good on you","look good on 표현이다."),gt(" ","그 백팩은 무거워 보이지 않는다.","The backpack does not look heavy","look + 형용사 heavy 구조이다."),gt(" ","그 쿠키는 맛있어 보인다.","The cookie looks tasty","look + 형용사 tasty 구조이다.")]); DATA["2"].grammars.advice.tests=fill30([gt(" ","너는 약을 먹어야 한다.","You should take some medicine","should 뒤에는 동사원형을 쓴다."),gt(" ","너는 치과에 가는 것이 좋겠다.","You had better see a dentist","had better 뒤에는 동사원형을 쓴다."),gt(" ","너는 휴대전화를 내려놓아야 한다.","You should put your phone down","put down은 내려놓다이다."),gt(" ","너는 플래너를 사용해야 한다.","You should use a planner","should는 조언이다."),gt(" ","너는 줄넘기 전에 연습해야 한다.","You should practice before jumping rope","should + 동사원형 구조이다."),gt(" ","너는 걱정하지 않는 것이 좋겠다.","You had better not worry","had better not은 '~하지 않는 것이 좋다'이다."),gt(" ","너는 이를 닦아야 한다.","You should brush your teeth","brush one's teeth는 이를 닦다이다."),gt(" ","너는 용돈을 다 써버리지 않는 것이 좋겠다.","You had better not use up your pocket money","had better not + 동사원형 구조이다."),gt(" ","너는 반려동물을 돌봐야 한다.","You should take care of the pet","take care of는 돌보다이다."),gt(" ","너는 천천히 숨을 쉬어야 한다.","You should breathe slowly","should + 동사원형 구조이다.")]); DATA["2"].grammars.ask.tests=fill30([gt(" ","나는 친구에게 즉시 전화해 달라고 부탁했다.","I asked my friend to call right away","ask + 사람 + to V 구조이다."),gt(" ","선생님은 우리에게 반려동물을 돌보라고 말씀하셨다.","The teacher told us to take care of the pet","tell + 사람 + to V 구조이다."),gt(" ","그는 나에게 천천히 숨을 쉬라고 말했다.","He told me to breathe slowly","to breathe가 목적격 보어이다."),gt(" ","나는 동생에게 우리 문을 확인하라고 부탁했다.","I asked my brother to check the cage","ask + 목적어 + to V 구조이다."),gt(" ","엄마는 나에게 휴대전화를 내려놓으라고 말씀하셨다.","Mom told me to put my phone down","tell + 목적어 + to V 구조이다."),gt(" ","선생님은 학생들에게 플래너를 사용하라고 말씀하셨다.","The teacher told students to use a planner","to use가 목적격 보어이다."),gt(" ","치과 의사는 나에게 이를 닦으라고 말했다.","The dentist told me to brush my teeth","tell + me + to V 구조이다."),gt(" ","나는 그에게 개에게 먹이를 주라고 부탁했다.","I asked him to feed the dog","ask + him + to feed 구조이다."),gt(" ","그녀는 나에게 문을 열어 두라고 부탁했다.","She asked me to leave the door open","ask + 목적어 + to V 구조이다."),gt(" ","코치는 우리에게 계속 연습하라고 말했다.","The coach told us to keep practicing","tell + us + to V 구조이다.")]); DATA["3"].grammars.passive.tests=fill30([gt(" ","그 물건은 한 학생에 의해 발명되었다.","The thing was invented by a student","was invented가 수동태이다."),gt(" ","충전기는 발명품 박람회에서 소개되었다.","The charger was shown at the invention fair","was shown은 소개되었다이다."),gt(" ","뜨거운 음식은 식혀졌다.","The hot food was cooled down","cool down의 수동태이다."),gt(" ️","그 안경은 시각 장애인을 위해 만들어졌다.","The glasses were made for blind people","were made for는 '~을 위해 만들어졌다'이다."),gt(" ","그 지우개는 둥글게 만들어졌다.","The eraser was made round","make의 수동태이다."),gt(" ️","파티는 체육관에서 열렸다.","The party was held in the gym","was held는 열렸다이다."),gt(" ","그 이야기는 잡지에 실렸다.","The story was printed in the magazine","was printed는 인쇄되었다이다."),gt(" ","그 배터리는 충전되었다.","The battery was charged","was charged는 충전되었다이다."),gt(" ","그 방향은 막대로 표시되었다.","The direction was shown by the stick","was shown by는 '~에 의해 보여졌다'이다."),gt(" ","그 놀이기구는 학생들에 의해 만들어졌다.","The ride was made by students","was made by는 수동태이다.")]); DATA["3"].grammars.infinitive.tests=fill30([gt(" ","그는 배터리를 충전하기 위해 그것을 만들었다.","He made it to charge the battery","to charge는 목적이다."),gt(" ","그 막대는 방향을 찾기 위해 사용된다.","The stick is used to find directions","to find는 목적이다."),gt(" ","우리는 파티를 열기 위해 체육관에 갔다.","We went to the gym to throw a party","to throw는 목적이다."),gt(" ","그 발명가는 기억을 돕기 위해 그것을 만들었다.","The inventor made it to help memory","to help는 목적이다."),gt(" ","그들은 음식을 식히기 위해 기다렸다.","They waited to cool down the food","to cool down은 목적이다."),gt(" ","그는 문제를 해결하기 위해 발명했다.","He invented it to solve the problem","to solve는 목적이다."),gt(" ","그것은 시각 장애인을 돕기 위해 만들어졌다.","It was made to help blind people","to help는 목적이다."),gt(" ","나는 배터리가 다 닳지 않게 하려고 충전기를 가져왔다.","I brought a charger to save the battery","to save는 목적이다."),gt(" ","그들은 발명품을 보여 주기 위해 박람회에 갔다.","They went to the fair to show inventions","to show는 목적이다."),gt(" ","그는 체육관에서 연습하기 위해 갔다.","He went to the gym to practice","to practice는 목적이다.")]); DATA["4"].grammars.whenuntil.tests=fill30([gt(" ","나는 마라톤을 끝냈을 때 기분이 좋았다.","I felt great when I finished the marathon","when은 '~할 때'이다."),gt(" ","우리는 얼음이 녹을 때까지 기다렸다.","We waited until the ice melted","until은 '~할 때까지'이다."),gt(" ","그 등반가는 남극에 도착했을 때 울었다.","The climber cried when she reached the South Pole","when절이 시간을 나타낸다."),gt(" ️","그들은 폭풍이 지나갈 때까지 움직이지 않았다.","They did not move until the storm passed","until절이 끝나는 시점을 나타낸다."),gt(" ","나는 그 기사를 읽었을 때 놀랐다.","I was amazed when I read the article","when은 시간 부사절이다."),gt(" ","그녀는 땅에 착륙할 때까지 포기하지 않았다.","She did not give up until she landed","until은 계속된 상태의 끝을 나타낸다."),gt(" ","대회가 끝났을 때 그는 완벽하지 않아도 웃었다.","He smiled when the contest ended","when은 사건의 시점을 나타낸다."),gt(" ","우리는 얼음이 두꺼워질 때까지 기다렸다.","We waited until the ice got thick","until 뒤에는 주어+동사가 온다."),gt(" ","그는 언젠가 남극에 도달할 때까지 노력할 것이다.","He will try until he reaches Antarctica","until절에서는 현재형으로 미래를 나타낼 수 있다."),gt(" ","그는 실수했을 때 다시 연습했다.","He practiced again when he made a mistake","when은 '~했을 때'이다.")]); DATA["4"].grammars.perfect.tests=fill30([gt(" ","나는 그 유명한 등반가에 대해 들어 본 적이 있다.","I have heard of the famous climber","have heard of는 경험이다."),gt(" ","그는 대회에서 실수한 적이 있다.","He has made mistakes in contests","has made는 현재완료이다."),gt(" ","그녀는 장기 자랑을 위해 많이 연습해 왔다.","She has practiced a lot for the talent show","has practiced는 계속된 노력을 나타낸다."),gt(" ","그들은 언젠가 남극에 가고 싶어 해 왔다.","They have wanted to go to Antarctica someday","have wanted는 현재완료이다."),gt(" ","나는 마라톤을 끝낸 적이 있다.","I have finished a marathon","have finished는 경험을 나타낸다."),gt(" ","그 탐험가는 두꺼운 얼음을 본 적이 있다.","The explorer has seen thick ice","has seen은 경험이다."),gt(" ","너는 그 잡지에 대해 들어 본 적이 있니?","Have you heard of the magazine","Have you p.p.?는 경험 질문이다."),gt(" ","그녀는 남극에 도착한 적이 있다.","She has reached the South Pole","has reached는 경험이다."),gt(" ","그는 대회를 위해 최선을 다해 왔다.","He has done his best for the contest","has done은 현재완료이다."),gt(" ","나는 같은 실수를 여러 번 해 왔다.","I have made the same mistake many times","have made는 반복된 경험이다.")]); DATA["1"].grammars.dialogue.tests=dialogueTests(DATA["1"].grammars.dialogue.cards,[dq("function","What kind of ~? 의 기능은?","종류나 취향을 묻는다.",["종류나 취향을 묻는다.","아픈 곳을 묻는다.","발명품의 용도를 묻는다.","도전을 격려한다."],"kind는 종류이다.","A"),dq("function","It looks good on you. 의 기능은?","상대에게 잘 어울린다고 칭찬한다.",["상대에게 잘 어울린다고 칭찬한다.","상대에게 쉬라고 조언한다.","상대에게 전화하라고 부탁한다.","상대에게 포기하지 말라고 한다."],"look good on은 칭찬 표현이다.","A"),dq("meaning","I will choose this one. 의 뜻은?","나는 이것을 고를게.",["나는 이것을 고를게.","나는 아파.","나는 충전기를 만들었어.","나는 남극에 갈 거야."],"choose는 고르다이다.","B")]); DATA["2"].grammars.dialogue.tests=dialogueTests(DATA["2"].grammars.dialogue.cards,[dq("function","What's wrong? 의 기능은?","상대의 상태나 문제를 묻는다.",["상대의 상태나 문제를 묻는다.","취향을 묻는다.","발명품을 칭찬한다.","경험을 묻는다."],"상태 확인 표현이다.","A"),dq("function","You should ~ 의 기능은?","상대에게 조언한다.",["상대에게 조언한다.","상대에게 취향을 묻는다.","대회를 설명한다.","시간을 말한다."],"should는 조언이다.","A"),dq("meaning","right away 의 뜻은?","즉시, 곧바로",["즉시, 곧바로","천천히","언젠가","동시에"],"right away는 즉시이다.","A")]); DATA["3"].grammars.dialogue.tests=dialogueTests(DATA["3"].grammars.dialogue.cards,[dq("function","What is it used for? 의 기능은?","물건의 용도를 묻는다.",["물건의 용도를 묻는다.","증상을 묻는다.","취향을 묻는다.","격려한다."],"be used for는 용도 표현이다.","A"),dq("function","That's creative and useful. 의 기능은?","발명품을 칭찬한다.",["발명품을 칭찬한다.","아픈 증상을 말한다.","대회를 걱정한다.","예산을 확인한다."],"creative and useful은 긍정 평가이다.","A"),dq("meaning","I want to try it out. 의 뜻은?","나는 그것을 시도해 보고 싶어.",["나는 그것을 시도해 보고 싶어.","나는 그것을 버리고 싶어.","나는 이를 닦아야 해.","나는 남극에 도달했어."],"try out은 시도해 보다이다.","A")]); DATA["4"].grammars.dialogue.tests=dialogueTests(DATA["4"].grammars.dialogue.cards,[dq("function","Don't worry. 의 기능은?","상대를 안심시키고 격려한다.",["상대를 안심시키고 격려한다.","상대의 물건을 칭찬한다.","증상을 묻는다.","발명품의 용도를 묻는다."],"걱정을 덜어 주는 표현이다.","B"),dq("function","What if ~? 의 기능은?","걱정되는 상황을 가정해 묻는다.",["걱정되는 상황을 가정해 묻는다.","좋아하는 것을 묻는다.","용도를 설명한다.","현재완료 경험을 말한다."],"What if는 '~하면 어떡하지?'이다.","A"),dq("meaning","I want to explore someday. 의 뜻은?","나는 언젠가 탐험하고 싶어.",["나는 언젠가 탐험하고 싶어.","나는 지금 아파.","나는 파우치를 고를게.","나는 충전기를 만들었어."],"someday는 언젠가이다.","A")]); const state={lesson:"1",grammar:"ing",mode:"study",cards:[],card:0,open:false,questions:[],index:0,score:0,wrong:[],picked:[],used:[],locked:false}; const $=s=>document.querySelector(s),screen=$("#screen"),lessonSelect=$("#lessonSelect"),grammarSelect=$("#grammarSelect"),studyTab=$("#studyTab"),testTab=$("#testTab"),bestEl=$("#best"); const esc=v=>String(v).replace(/[&<>"']/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"}[c]));const shuffle=mix; function curLesson(){return DATA[state.lesson]}function curGrammar(){return curLesson().grammars[state.grammar]}function key(){return`visang-hwang-grammar-${state.lesson}-${state.grammar}`} function fillControls(){lessonSelect.innerHTML=Object.keys(DATA).map(k=>`<option value="${k}" ${k===state.lesson?"selected":""}>${DATA[k].name}</option>`).join("");grammarSelect.innerHTML=Object.keys(curLesson().grammars).map(k=>`<option value="${k}" ${k===state.grammar?"selected":""}>${curLesson().grammars[k].name}</option>`).join("")} function setMode(mode){state.mode=mode;studyTab.classList.toggle("active",mode==="study");testTab.classList.toggle("active",mode==="test");mode==="study"?renderStudy():startTest()}function resetCards(){state.cards=shuffle(curGrammar().cards);state.card=0;state.open=false} function rules(){const g=curGrammar();return`<div class="rules"><div><strong>${state.lesson}과</strong><span>과 선택</span></div><div><strong>${g.kind==="dialogue"?"대화":"어법"}</strong><span>학습 유형</span></div><div><strong>30</strong><span>시험 문항</span></div></div>`} function best(){return Number(localStorage.getItem(key())||0)}function updateBest(){bestEl.textContent=`최고 ${best()}점`} function renderStudy(){fillControls();updateBest();if(!state.cards.length)resetCards();const g=curGrammar(),card=state.cards[state.card];if(g.kind==="dialogue"){screen.innerHTML=rules()+`<article class="study-card ${state.open?"open":""}" id="card"><div class="scene"><div><div class="pic"> </div><b>${esc(g.name)}</b></div></div><div class="card-body"><div class="dialogue-meta"><span class="speaker">${esc(card.speaker)}</span><span>${esc(g.rule)}</span></div><div class="sentence">${esc(card.en)}</div><div class="answer"><b>우리말</b><br>${esc(card.ko)}<br><br><b>대화 흐름</b><br>${esc(card.note)}<div class="next-line"><b>이어지는 말</b><br>${esc(card.next)}</div></div></div></article><div class="count">${state.card+1} / ${state.cards.length}</div><div class="nav"><button class="secondary" id="prev">이전</button><button class="primary" id="flip">풀이</button><button class="secondary" id="next">다음</button></div><button class="primary" id="goTest" style="width:100%;margin-top:7px">대화 4지선다 시험</button>`}else{screen.innerHTML=rules()+`<article class="study-card ${state.open?"open":""}" id="card"><div class="scene"><div><div class="pic">${card.pic}</div><b>${esc(g.name)}</b></div></div><div class="card-body"><span class="badge">${esc(g.rule)}</span><div class="sentence">${esc(card.en)}</div><div class="ko">${esc(card.ko)}</div><div class="answer"><b>암기 단위</b><br>${esc(card.chunks)}<br><br><b>풀이</b><br>${esc(card.note)}</div></div></article><div class="count">${state.card+1} / ${state.cards.length}</div><div class="nav"><button class="secondary" id="prev">이전</button><button class="primary" id="flip">풀이</button><button class="secondary" id="next">다음</button></div><button class="primary" id="goTest" style="width:100%;margin-top:7px">선택 영작 시험</button>`}$("#card").onclick=flip;$("#flip").onclick=flip;$("#prev").onclick=()=>{state.card=(state.card-1+state.cards.length)%state.cards.length;state.open=false;renderStudy()};$("#next").onclick=()=>{state.card=(state.card+1)%state.cards.length;state.open=false;renderStudy()};$("#goTest").onclick=()=>setMode("test")} function flip(){state.open=!state.open;$("#card")?.classList.toggle("open",state.open)} function startTest(){fillControls();updateBest();state.questions=shuffle(curGrammar().tests);state.index=0;state.score=0;state.wrong=[];renderQuestion()} function renderQuestion(){if(state.index>=state.questions.length)return renderResult();state.locked=false;state.picked=[];state.used=[];const q=state.questions[state.index];if(q.kind==="dialogue"){q.shuffled=shuffle(q.choices);screen.innerHTML=rules()+`<div class="quiz-head"><div><h2>${esc(curGrammar().name)}</h2><small>${state.index+1} / ${state.questions.length} · ${state.score}개 정답</small></div></div><div class="bar"><i style="width:${(state.index+1)/state.questions.length*100}%"></i></div><section class="question"><div class="qscene"><div class="pic"> </div><div><div class="prompt">${esc(q.prompt)}</div><div class="hint">${q.type==="meaning"?"문장의 의미를 고르세요":"이어지는 대화를 고르세요"}</div></div></div>${q.shuffled.map((choice,i)=>`<button class="choice4" data-choice="${esc(choice)}"><b>${i+1}</b><span>${esc(choice)}</span></button>`).join("")}<div id="feedback"></div></section>`;document.querySelectorAll(".choice4").forEach(btn=>btn.onclick=()=>checkChoice(btn.dataset.choice));return}q.shuffled=shuffle(q.tiles.map((text,i)=>({text,i})));screen.innerHTML=rules()+`<div class="quiz-head"><div><h2>${esc(curGrammar().name)}</h2><small>${state.index+1} / ${state.questions.length} · ${state.score}개 정답</small></div></div><div class="bar"><i style="width:${(state.index+1)/state.questions.length*100}%"></i></div><section class="question"><div class="qscene"><div class="pic">${q.pic}</div><div><div class="prompt">${esc(q.ko)}</div><div class="hint">${esc(curGrammar().rule)}</div></div></div><div class="target empty" id="target">단어 카드를 순서대로 누르세요</div><div class="tiles">${q.shuffled.map((tile,idx)=>`<button class="tile" data-idx="${idx}">${esc(tile.text)}</button>`).join("")}</div><div class="nav"><button class="secondary" id="undo">되돌리기</button><button class="secondary" id="clear">초기화</button><button class="primary" id="check">확인</button></div><div id="feedback"></div></section>`;document.querySelectorAll(".tile").forEach(btn=>btn.onclick=()=>pickTile(Number(btn.dataset.idx)));$("#undo").onclick=undo;$("#clear").onclick=clearPicked;$("#check").onclick=checkAnswer} function updateTarget(){const target=$("#target");if(!state.picked.length){target.textContent="단어 카드를 순서대로 누르세요";target.classList.add("empty")}else{target.textContent=state.picked.map(x=>x.text).join(" ");target.classList.remove("empty")}document.querySelectorAll(".tile").forEach((b,i)=>b.classList.toggle("used",state.used.includes(i)))}function pickTile(idx){if(state.locked||state.used.includes(idx))return;const q=state.questions[state.index];state.used.push(idx);state.picked.push(q.shuffled[idx]);updateTarget()}function undo(){if(state.locked)return;state.used.pop();state.picked.pop();updateTarget()}function clearPicked(){if(state.locked)return;state.used=[];state.picked=[];updateTarget()} function checkAnswer(){if(state.locked)return;state.locked=true;const q=state.questions[state.index],built=state.picked.map(x=>x.text).join(" "),ok=built===q.tiles.join(" ");if(ok)state.score++;else state.wrong.push({q,built});$("#feedback").innerHTML=`<div class="feedback ${ok?"ok":"bad"}"><strong>${ok?"정답입니다":"오답입니다"}</strong><br>정답: ${esc(q.en)}<br>${esc(q.note)}</div><button class="primary" id="nextQ" style="width:100%;margin-top:8px">${state.index===state.questions.length-1?"결과 보기":"다음 문제"}</button>`;$("#nextQ").onclick=()=>{state.index++;renderQuestion()}} function checkChoice(selected){if(state.locked)return;state.locked=true;const q=state.questions[state.index],ok=selected===q.answer;if(ok)state.score++;else state.wrong.push({q,built:selected});document.querySelectorAll(".choice4").forEach(btn=>{btn.disabled=true;const v=btn.dataset.choice;if(v===q.answer)btn.classList.add("correct");if(v===selected&&!ok)btn.classList.add("wrong")});$("#feedback").innerHTML=`<div class="feedback ${ok?"ok":"bad"}"><strong>${ok?"정답입니다":"오답입니다"}</strong><br>정답: ${esc(q.answer)}<br>${esc(q.note)}</div><button class="primary" id="nextQ" style="width:100%;margin-top:8px">${state.index===state.questions.length-1?"결과 보기":"다음 문제"}</button>`;$("#nextQ").onclick=()=>{state.index++;renderQuestion()}} function renderResult(){const total=state.questions.length,score=Math.round(state.score/total*100);if(score>best())localStorage.setItem(key(),score);updateBest();screen.innerHTML=`<section class="result"><div class="score">${score}점</div><h2>${state.score} / ${total}문제 정답</h2><p>${esc(curLesson().name)} · ${esc(curGrammar().name)}</p><div class="nav"><button class="secondary" id="home">암기</button><button class="primary" id="retry">다시 풀기</button><button class="secondary" id="share">전송</button></div><div class="wrong-list"><h3>오답 정리</h3>${state.wrong.length?state.wrong.map(w=>`<div class="wrong"><b>${esc(w.q.ko||w.q.prompt)}</b><br>내 답: ${esc(w.built||"(미완성)")}<br>정답: ${esc(w.q.en||w.q.answer)}</div>`).join(""):`<div class="wrong">모든 문제를 맞혔습니다.</div>`}</div></section>`;$("#home").onclick=()=>setMode("study");$("#retry").onclick=startTest;$("#share").onclick=shareResult} function shareResult(){const text=`중2 비상(황) 어법·대화 결과\n${curLesson().name} · ${curGrammar().name}\n점수: ${state.score}/${state.questions.length} (${Math.round(state.score/state.questions.length*100)}점)`;if(navigator.share)navigator.share({title:"중2 비상(황) 어법·대화 결과",text}).catch(()=>{});else navigator.clipboard?.writeText(text).then(()=>alert("결과가 복사되었습니다. 카카오톡 등에 붙여넣어 전송하세요."))} lessonSelect.onchange=()=>{state.lesson=lessonSelect.value;state.grammar=Object.keys(curLesson().grammars)[0];state.cards=[];state.mode==="study"?renderStudy():startTest()};grammarSelect.onchange=()=>{state.grammar=grammarSelect.value;state.cards=[];state.mode==="study"?renderStudy():startTest()};studyTab.onclick=()=>setMode("study");testTab.onclick=()=>setMode("test");fillControls();resetCards();renderStudy(); </script> </body> </html> 내신 중등/대광중 비상(황) 중2 team YM https://ymedu.tistory.com/392 https://ymedu.tistory.com/392#entry392comment Tue, 30 Jun 2026 17:58:47 +0900 중등 역사2 https://ymedu.tistory.com/391 <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#18332f"> <title>YM 역사2 요점 정리</title> <style> :root{--ink:#172522;--muted:#6c7773;--paper:#f5f1e8;--card:#fffdf8;--line:#ded8cb;--deep:#18332f;--accent:#d97757;--good:#2d7a59;--bad:#b84b48;--shadow:0 12px 35px rgba(32,46,42,.09)} *{box-sizing:border-box}html{background:#eae5da}body{margin:0;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;background:radial-gradient(circle at 90% 0%,rgba(217,119,87,.13),transparent 30rem),var(--paper)}button,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app{width:min(100%,720px);min-height:100svh;margin:auto;background:var(--paper)}.top{position:sticky;top:0;z-index:20;height:68px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,241,232,.95);border-bottom:1px solid rgba(116,106,87,.13);backdrop-filter:blur(14px)}.brand{border:0;background:none;display:flex;gap:10px;align-items:center;text-align:left;color:var(--deep)}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--deep);color:#fff;font-family:serif;font-size:21px}.brand b{display:block;font-size:17px}.brand small{display:block;color:var(--muted);font-size:11px}.icon{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:9px 12px;color:var(--deep);font-weight:800}main{padding:20px 16px 100px}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}h1{margin:8px 0 10px;font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(29px,8vw,45px);line-height:1.12;letter-spacing:-1px}h2{margin:0;font-size:22px}h3{margin:0;font-size:17px}p{line-height:1.62}.hero p,.muted{color:var(--muted)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 26px}.summary div{background:var(--deep);color:white;border-radius:16px;padding:13px 8px;text-align:center}.summary strong{display:block;font-size:20px}.summary span{font-size:11px;opacity:.72}.section-title{display:flex;align-items:end;justify-content:space-between;margin:24px 0 12px}.section-title p{margin:0;color:var(--muted);font-size:12px}.grid{display:grid;gap:11px}.unit,.sub{width:100%;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px;text-align:left;color:var(--ink);box-shadow:0 3px 0 rgba(42,48,44,.035)}.unit{position:relative;overflow:hidden}.unit:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;right:-36px;top:-43px;background:var(--unit);opacity:.14}.num{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;color:white;background:var(--unit);font-weight:900;font-size:13px}.unit h3{margin:12px 0 5px;padding-right:20px}.unit p,.sub span{margin:0;color:var(--muted);font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.pill{border:0;border-radius:999px;background:#eeeae1;color:var(--deep);font-size:12px;font-weight:900;padding:9px 10px}.pill.primary{color:white;background:var(--unit)}.sub.selected{border-color:var(--unit);box-shadow:inset 4px 0 0 var(--unit)}.sub strong{display:block;margin-bottom:5px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(100%,720px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,253,248,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom button{border:0;background:none;color:#8a918e;font-size:10px;font-weight:900;padding:5px}.bottom span{display:block;height:22px;font-size:18px}.bottom button.active{color:var(--deep)}.head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.back{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-size:20px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:15px;background:#e9e4da;margin-bottom:16px}.seg button{border:0;border-radius:11px;padding:10px;background:transparent;font-weight:900;color:var(--muted)}.seg button.active{background:var(--card);color:var(--deep);box-shadow:0 2px 8px rgba(0,0,0,.06)}.progress{height:6px;border-radius:999px;background:#e1ddd4;overflow:hidden;margin:12px 0 18px}.progress i{display:block;height:100%;width:var(--progress);background:var(--unit);border-radius:inherit}.cornell{display:grid;grid-template-columns:32% 68%;min-height:320px;border:1px solid #d9d1c3;border-radius:20px;overflow:hidden;background:#fffef9;box-shadow:var(--shadow)}.cue{padding:19px 13px;border-right:1px solid #d9d1c3;background:#f3eee3}.note{padding:19px}.label{display:block;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:10px}.cue-time{font-family:Georgia,serif;font-weight:800;color:var(--unit);font-size:16px}.cue-place{margin-top:8px;font-size:12px;color:var(--muted)}.note h3{font-family:Georgia,"Noto Serif KR",serif;font-size:25px;line-height:1.25;margin-top:3px}.hint{min-height:110px;margin:18px 0 14px;border-radius:15px;padding:15px;background:#f5f2eb;color:var(--muted);line-height:1.65}.hint.hidden{display:grid;place-items:center;border:1px dashed #c9c2b5;background:transparent;color:#949a96}.primary,.secondary{width:100%;border:0;border-radius:15px;padding:14px 16px;font-weight:900}.primary{background:var(--deep);color:white}.secondary{background:#ebe6dc;color:var(--deep)}.cardnav{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;margin-top:13px}.cardnav button{border:1px solid var(--line);background:var(--card);border-radius:14px;min-height:47px;font-weight:900}.quiz-start{padding:24px;border-radius:22px;background:var(--deep);color:white;box-shadow:var(--shadow)}.quiz-start p{color:rgba(255,255,255,.72);margin:7px 0 18px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.rules div{border-radius:14px;padding:12px 7px;background:rgba(255,255,255,.09);text-align:center}.rules strong{display:block;font-size:19px}.rules span{font-size:10px;opacity:.7}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.timer{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--deep);font-weight:900;font-size:17px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}.timer.danger{background:var(--bad)}.qcard{padding:21px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.qcard .meta{color:var(--unit);font-size:12px;font-weight:900}.qcard h2{margin:11px 0 20px;line-height:1.45;font-size:21px}.choices{display:grid;gap:10px}.choice{display:flex;gap:12px;align-items:center;width:100%;padding:14px;border:1px solid var(--line);border-radius:15px;background:white;text-align:left;color:var(--ink)}.choice b{display:grid;place-items:center;flex:0 0 auto;width:27px;height:27px;border-radius:50%;background:#eeeae1;font-size:12px}.choice.correct{border-color:var(--good);color:var(--good);background:#edf7f1}.choice.wrong{border-color:var(--bad);color:var(--bad);background:#fbefee}.choice:disabled{opacity:1}.explain{margin-top:13px;padding:14px;border-radius:14px;background:#f0ece3;font-size:14px;line-height:1.55}.result{text-align:center;padding:27px 20px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.score{display:grid;place-items:center;width:150px;height:150px;margin:14px auto 20px;border-radius:50%;background:conic-gradient(var(--unit) var(--score),#e4ded2 0);font-size:42px;font-weight:950}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);z-index:50;padding:11px 15px;border-radius:999px;background:var(--deep);color:white;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:430px){.top{height:60px;padding:8px 10px}.brand b{font-size:15px}.brand small{font-size:10px}main{padding:14px 10px 88px}h1{font-size:31px}.summary div{border-radius:11px;padding:9px 6px}.unit,.sub{border-radius:13px;padding:12px}.cornell{grid-template-columns:35% 65%;min-height:285px;border-radius:14px}.cue,.note{padding:14px 10px}.note h3{font-size:21px}.hint{font-size:14px}.qcard{padding:12px;border-radius:14px}.qcard h2{font-size:18px}.choice{padding:11px;font-size:15px}.bottom span{height:17px;font-size:15px}} </style> </head> <body> <div class="app"> <header class="top"><button class="brand" data-go="home"><span class="mark">史</span><span><b>YM 역사2</b><small>요점 정리 · 소단원별 20문항</small></span></button><button id="recordBtn" class="icon">기록</button></header> <main id="app"></main> <nav class="bottom"><button data-go="home"><span>⌂</span>홈</button><button data-go="subunits"><span>☷</span>소단원</button><button data-go="memory"><span>▣</span>암기</button><button data-go="quiz"><span>?</span>시험</button></nav> <div id="toast" class="toast"></div> </div> <script> const UNITS=[ {id:1,title:"선사 문화와 고대 국가의 형성",short:"선사·고조선·삼국",color:"#d97757",subs:[ S("1-1-1","선사 문화와 고조선의 성장",[ F("구석기 시대","한반도","뗀석기·이동 생활","주먹도끼 등 뗀석기를 사용하고 사냥과 채집을 하며 이동 생활을 하였다."), F("신석기 시대","한반도","농경과 정착","간석기와 빗살무늬 토기를 사용하고 움집을 지으며 정착 생활을 시작하였다."), F("청동기 시대","한반도","계급 발생","비파형 동검과 고인돌이 나타나고 사유 재산과 계급이 발생하였다."), F("고조선","만주·한반도 북부","우리 역사 최초의 국가","단군 신화를 바탕으로 성장하였고 8조법을 통해 사회 질서를 알 수 있다."), F("위만 조선","고조선","중계 무역 발달","철기 문화를 바탕으로 성장하고 한과 진 사이에서 중계 무역을 하였다.") ]), S("1-1-2","여러 나라의 성장",[ F("부여","만주 쑹화강 유역","사출도","왕 아래 마가·우가·저가·구가가 각 지역을 다스렸다."), F("고구려","졸본 지역","제가 회의","산악 지대에서 성장하였고 약탈 경제와 활발한 정복 활동이 특징이다."), F("옥저","함경도 해안","민며느리제","왕이 없고 읍군·삼로가 다스렸으며 고구려에 공물을 바쳤다."), F("동예","강원 북부","책화와 무천","족외혼과 책화 풍습이 있었고 10월에 무천 제천 행사를 열었다."), F("삼한","한반도 남부","소도와 천군","제정이 분리되어 정치 지배자와 제사장인 천군이 구분되었다.") ]), S("1-2-1","삼국의 성립",[ F("고구려","태조왕","옥저 정복","계루부 고씨 왕위 세습과 옥저 정복으로 초기 국가 체제를 정비하였다."), F("백제","고이왕","관등제 정비","6좌평과 16관등을 마련하고 한강 유역을 바탕으로 성장하였다."), F("신라","내물왕","김씨 왕위 세습","마립간 칭호를 사용하고 김씨 왕위 세습으로 지배 체제를 강화하였다."), F("가야","김해·고령","철 생산과 연맹 왕국","철이 풍부하여 낙랑·왜와 교역하였으나 중앙 집권 국가로 발전하지 못하였다."), F("삼국 초기","각국","율령·관등·왕위 세습","왕권 강화와 중앙 집권 체제 마련이 국가 발전의 공통 과제였다.") ]), S("1-2-2","삼국의 발전과 경쟁",[ F("백제 근초고왕","4세기","마한 병합과 해외 진출","한강 유역을 장악하고 평양성을 공격하였으며 요서·왜와 교류하였다."), F("고구려 광개토 대왕","5세기 초","영토 확장","만주와 한강 이북을 장악하고 신라를 도와 왜를 격퇴하였다."), F("고구려 장수왕","5세기","남진 정책","평양 천도 후 한강 유역을 차지하고 충주 고구려비를 남겼다."), F("신라 진흥왕","6세기","한강 유역 차지","화랑도를 정비하고 한강 유역을 확보하여 삼국 경쟁의 주도권을 잡았다."), F("백제 성왕","6세기","사비 천도와 중흥","국호를 남부여로 바꾸고 신라와 연합했으나 관산성 전투에서 전사하였다.") ]), S("1-3-1","삼국의 문화와 대외 교류",[ F("불교 수용","삼국","왕권 강화와 사상 통합","고구려 소수림왕, 백제 침류왕, 신라 법흥왕 때 불교가 공인되었다."), F("고분 문화","삼국","벽화·돌무지무덤·굴식 돌방무덤","고분은 지배층의 생활과 사후 세계관을 보여 주는 자료이다."), F("백제 문화","일본 교류","아직기·왕인","한자와 유교, 불교와 건축 기술을 일본에 전해 주었다."), F("신라 문화","경주","황룡사와 첨성대","불교 문화와 천문 관측 기술이 발달하였다."), F("삼국의 대외 교류","동아시아","중국·서역·일본과 교류","문화 교류를 통해 삼국 문화가 다양하게 발전하였다.") ])]}, {id:2,title:"남북국 시대의 전개",short:"통일 신라와 발해",color:"#8a6fb3",subs:[ S("2-1-1","고구려와 수·당 전쟁",[ F("살수 대첩","612년","을지문덕","고구려가 수의 대군을 살수에서 크게 물리쳐 수 멸망의 원인이 되었다."), F("천리장성","고구려","당 침입 대비","연개소문 집권 전후 고구려가 북쪽 방어를 강화하기 위해 쌓았다."), F("안시성 전투","645년","양만춘","고구려가 당 태종의 침입을 막아낸 대표적인 방어전이다."), F("나당 연합","7세기","백제·고구려 멸망","신라가 당과 연합하여 백제와 고구려를 차례로 멸망시켰다."), F("고구려 멸망","668년","내분과 외세","지배층 분열과 나당 연합군의 공격으로 멸망하였다.") ]), S("2-1-2","신라의 삼국 통일과 발해의 성립",[ F("매소성 전투","675년","나당 전쟁","신라가 당군을 물리쳐 한반도 지배권을 지켰다."), F("기벌포 전투","676년","삼국 통일 완성","신라가 당의 수군을 격파하고 한반도 남부 통일을 완성하였다."), F("발해 건국","698년","대조영","고구려 유민과 말갈인을 이끌고 동모산에서 발해를 세웠다."), F("남북국 시대","8세기","통일 신라와 발해 공존","신라와 발해가 한반도 남부와 만주 지역에서 함께 발전하였다."), F("발해의 계승 의식","발해","고구려 계승","일본에 보낸 국서에서 고려 국왕이라 칭하며 고구려 계승을 드러냈다.") ]), S("2-2-1","통일 신라와 발해의 발전",[ F("신문왕","통일 신라","왕권 강화","김흠돌의 난을 진압하고 국학 설치, 관료전 지급, 9주 5소경 정비를 추진하였다."), F("9주 5소경","통일 신라","지방 통치","전국을 9주로 나누고 5소경을 두어 수도의 치우침을 보완하였다."), F("녹읍 폐지","신문왕","귀족 경제력 약화","관료전을 지급하고 녹읍을 폐지하여 귀족의 사적 지배력을 줄이려 하였다."), F("발해 무왕","8세기","대외 팽창","장문휴를 보내 당의 산둥 지방을 공격하고 영토를 넓혔다."), F("발해 문왕","8세기","제도 정비","당의 3성 6부를 수용하고 상경 용천부로 천도하여 국가 체제를 정비하였다.") ]), S("2-2-2","남북국의 쇠퇴와 후삼국의 성립",[ F("혜공왕 피살","통일 신라","왕위 쟁탈 심화","진골 귀족의 왕위 다툼이 심해지며 중앙 통치가 흔들렸다."), F("호족 성장","지방","지방 세력 확대","중앙 정부 통제가 약해지자 지방의 군사·경제력을 가진 세력이 성장하였다."), F("후백제 건국","900년","견훤","완산주를 중심으로 후백제를 세우고 신라를 압박하였다."), F("후고구려 건국","901년","궁예","송악을 중심으로 세력을 키우고 뒤에 국호를 태봉으로 바꾸었다."), F("발해 멸망","926년","거란 침입","발해는 지배층 분열과 거란의 공격으로 멸망하였다.") ]), S("2-3-1","남북국의 문화와 대외 관계",[ F("불국사와 석굴암","통일 신라","불교 예술의 절정","정교한 건축과 조각으로 통일 신라 불교 문화의 수준을 보여 준다."), F("성덕 대왕 신종","통일 신라","금속 공예","뛰어난 주조 기술과 아름다운 소리로 유명하다."), F("장보고","청해진","해상 무역 장악","완도에 청해진을 설치하여 해적을 소탕하고 동아시아 해상 무역을 주도하였다."), F("발해 상경성","발해","당 장안성 모방","도시 구조에서 당 문화의 영향을 확인할 수 있다."), F("발해 문화","발해","고구려 문화와 당 문화 결합","온돌과 석등 등에서 고구려 계승과 국제 문화 수용이 함께 나타난다.") ])]}, {id:3,title:"고려의 성립과 변천",short:"고려 정치·대외 관계·문화",color:"#37847a",subs:[ S("3-1-1","고려의 후삼국 통일",[ F("고려 건국","918년","왕건","궁예를 몰아내고 송악에서 고려를 세웠다."), F("공산 전투","927년","후백제 우세","견훤의 후백제가 왕건의 군대를 크게 물리쳤다."), F("고창 전투","930년","고려 우세","고려가 후백제를 물리치고 후삼국 통일의 주도권을 잡았다."), F("후삼국 통일","936년","고려","신라 항복과 후백제 멸망으로 고려가 후삼국을 통일하였다."), F("민족 재통합","고려","고구려 계승과 포용","발해 유민을 받아들이고 후삼국을 통합하였다.") ]), S("3-1-2","고려 통치 체제의 정비",[ F("태조의 정책","고려","호족 통합","혼인 정책과 사성 정책으로 호족을 포섭하고 북진 정책을 추진하였다."), F("광종","고려","노비안검법·과거제","호족 세력을 약화하고 왕권을 강화하였다."), F("성종","고려","유교 정치 이념","최승로의 시무 28조를 수용하고 12목에 지방관을 파견하였다."), F("2성 6부","고려 중앙","중앙 통치 조직","중서문하성과 상서성을 중심으로 중앙 행정을 운영하였다."), F("음서와 과거","고려","관리 등용","과거제가 시행되었지만 귀족 자제는 음서로 관직에 나아갈 수 있었다.") ]), S("3-1-3","문벌 사회의 동요 및 무신 정권의 성립",[ F("문벌 귀족","고려 전기","음서·공음전","가문과 혼인을 바탕으로 정치·경제적 특권을 누렸다."), F("이자겸의 난","1126년","문벌 사회 동요","왕실 외척인 이자겸이 권력을 독점하다 난을 일으켰다."), F("묘청의 서경 천도 운동","1135년","서경 세력","서경 천도와 금 정벌을 주장했으나 김부식 등 개경 세력에게 진압되었다."), F("무신 정변","1170년","무신 집권 시작","차별받던 무신들이 정변을 일으켜 정권을 장악하였다."), F("최씨 무신 정권","고려","교정도감·도방","최충헌 이후 최씨 일가가 강력한 무신 정권을 운영하였다.") ]), S("3-2-1","고려 전기의 대외 관계",[ F("거란 1차 침입","993년","서희의 외교 담판","서희가 담판으로 강동 6주를 확보하였다."), F("강감찬","1019년","귀주 대첩","고려가 거란의 대군을 크게 물리쳤다."), F("여진 정벌","1107년","윤관의 별무반","동북 9성을 쌓았으나 방어 부담으로 돌려주었다."), F("금과 사대 관계","12세기","현실 외교","고려는 군사적 충돌을 피하고 금과 사대 관계를 맺었다."), F("벽란도","고려","국제 무역항","송·아라비아 상인 등이 왕래한 국제 무역의 중심지였다.") ]), S("3-2-2","고려의 대몽 항쟁",[ F("몽골 침입","1231년 이후","장기 항쟁","몽골이 여러 차례 침입하자 고려가 장기간 저항하였다."), F("강화도 천도","1232년","무신 정권의 항쟁","최우 정권이 수도를 강화도로 옮겨 몽골에 맞섰다."), F("팔만대장경","고려","부처의 힘으로 국난 극복","몽골 침입 속에서 대장경판을 새겨 불교적 염원을 담았다."), F("삼별초 항쟁","1270~1273년","개경 환도 반대","강화도·진도·제주도로 옮겨 가며 몽골과 고려 정부에 저항하였다."), F("원 간섭 시작","13세기 후반","자주성 약화","고려는 원의 부마국이 되고 정치 간섭을 받게 되었다.") ]), S("3-3-1","원의 간섭과 공민왕의 개혁",[ F("정동행성","원 간섭기","내정 간섭 기구","일본 원정을 위해 설치되었고 이후 고려 내정 간섭에 이용되었다."), F("쌍성총관부","원 간섭기","동북 지역 지배","원이 고려의 동북 지역 일부를 직접 지배하였다."), F("권문세족","원 간섭기","친원 세력","대농장과 노비를 늘리며 사회 모순을 키웠다."), F("공민왕 개혁","14세기","반원 자주 정책","쌍성총관부를 공격하고 정동행성 이문소를 폐지하였다."), F("신돈의 전민변정도감","공민왕","토지·노비 개혁","권문세족이 빼앗은 토지와 노비를 바로잡으려 하였다.") ]), S("3-3-2","새로운 정치 세력의 등장",[ F("신진 사대부","고려 말","성리학 수용","과거를 통해 진출하고 권문세족의 폐단을 비판하였다."), F("왜구 격퇴","고려 말","최무선 화포","진포 대첩 등에서 화포를 활용해 왜구를 물리쳤다."), F("홍건적 격퇴","14세기","공민왕 시기","홍건적 침입으로 개경이 함락되기도 했으나 고려가 격퇴하였다."), F("위화도 회군","1388년","이성계","요동 정벌에 반대하여 군대를 돌려 정치 권력을 장악하였다."), F("조선 건국 준비","고려 말","급진 개혁파","정도전 등은 토지 개혁과 새 왕조 건설을 추진하였다.") ]), S("3-4-1","고려의 생활과 문화",[ F("고려 불교","고려","국가와 사회 통합","연등회·팔관회가 열리고 불교가 생활과 정치에 큰 영향을 주었다."), F("의천","고려 중기","천태종 개창","교종을 중심으로 선종을 통합하려 하였다."), F("지눌","고려 후기","조계종과 수선사 결사","선종 중심의 불교 개혁과 정혜쌍수를 강조하였다."), F("고려청자","고려","상감 청자","비색과 상감 기법으로 귀족적이고 세련된 아름다움을 보여 준다."), F("직지심체요절","1377년","금속 활자","현존하는 세계에서 가장 오래된 금속 활자본이다.") ])]}, {id:4,title:"조선의 성립과 발전",short:"조선 전기 정치·문화·전쟁",color:"#c28a2c",subs:[ S("4-1-1","조선의 통치 체제의 정비와 대외 관계",[ F("조선 건국","1392년","이성계","고려를 대신해 유교 이념을 바탕으로 새 왕조를 세웠다."), F("한양 천도","1394년","수도 정비","풍수와 교통의 이점을 고려하여 한양을 수도로 삼았다."), F("경국대전","성종 때 완성","통치 법전","조선의 기본 법전으로 중앙 집권 체제를 제도화하였다."), F("의정부와 6조","조선 중앙","중앙 정치 기구","의정부가 국정을 총괄하고 6조가 행정을 담당하였다."), F("사대교린","조선 외교","명과 사대·여진/일본과 교린","안정적인 국제 관계를 유지하려는 외교 원칙이었다.") ]), S("4-2-1","사림의 성장과 붕당의 등장",[ F("훈구","조선 전기","공신 중심 세력","세조 집권 이후 중앙 정치를 주도한 기득권 세력이다."), F("사림","조선 전기","성리학적 명분 중시","향촌에서 성장하여 삼사에 진출하고 훈구의 비리를 비판하였다."), F("사화","15~16세기","사림 탄압","훈구와 사림의 대립 속에서 사림이 여러 차례 피해를 입었다."), F("서원과 향약","사림","향촌 지배 기반","교육과 제사, 향촌 질서 유지를 통해 사림의 영향력이 커졌다."), F("붕당의 등장","선조 때","동인과 서인","이조 전랑 임명을 둘러싼 갈등으로 정치 세력이 나뉘었다.") ]), S("4-3-1","조선 전기의 문화 발달",[ F("훈민정음 창제","1443년","세종","백성이 쉽게 문자 생활을 할 수 있도록 우리 문자를 만들었다."), F("집현전","세종","학문 연구 기관","학자들이 정치·과학·문화를 연구하며 세종의 개혁을 뒷받침하였다."), F("측우기","세종 때","강우량 측정","농업에 필요한 강수량을 과학적으로 측정하였다."), F("농사직설","세종 때","농업 기술서","우리 풍토에 맞는 농법을 정리한 책이다."), F("동국여지승람","조선 전기","지리서","각 지역의 자연·인문 정보를 정리하여 통치에 활용하였다.") ]), S("4-4-1","왜란의 발발과 극복",[ F("임진왜란 발발","1592년","일본 침략","도요토미 히데요시가 명 정복을 구실로 조선을 침략하였다."), F("이순신","임진왜란","수군 승리","한산도 대첩 등으로 일본의 보급로를 차단하였다."), F("의병 활동","임진왜란","민중 저항","곽재우 등 의병장이 각지에서 일본군에 맞서 싸웠다."), F("명군 참전","임진왜란","조·명 연합","명군이 참전하면서 전쟁 양상이 바뀌었다."), F("전쟁의 영향","조선·동아시아","국토 황폐화와 질서 변화","조선은 큰 피해를 입고 명·일본에도 정치 변화가 나타났다.") ]), S("4-4-2","호란의 발발과 영향",[ F("광해군 중립 외교","17세기 초","명·후금 사이 실리 외교","명과 후금 사이에서 전쟁을 피하려 하였다."), F("인조반정","1623년","서인 집권","광해군을 몰아내고 친명 배금 정책을 추진하였다."), F("정묘호란","1627년","후금 침입","후금이 조선을 침입하여 형제 관계를 맺었다."), F("병자호란","1636년","청 침입","청이 군신 관계를 요구하며 조선을 침입하였다."), F("삼전도 굴욕","1637년","인조 항복","조선이 청에 항복하고 군신 관계를 맺었다.") ])]}, {id:5,title:"조선 후기 사회 변화",short:"정치·경제·사회·문화 변화",color:"#4f6da8",subs:[ S("5-1-1","제도의 개편과 붕당 정치의 전개",[ F("비변사 확대","조선 후기","국정 총괄 기구화","왜란과 호란을 거치며 군사 기구였던 비변사의 권한이 커졌다."), F("영정법","인조","전세 개편","토지 1결당 쌀 4~6두로 전세 부담을 고정하였다."), F("대동법","광해군 이후","공납 개혁","특산물 대신 토지 결수에 따라 쌀·베·동전으로 납부하게 하였다."), F("균역법","영조","군역 부담 완화","군포를 1년에 1필로 줄이고 부족분을 다른 재원으로 보충하였다."), F("예송 논쟁","현종 때","서인·남인 대립","왕실 의례 문제를 둘러싸고 붕당 간 대립이 격화되었다.") ]), S("5-1-2","탕평 정치 및 세도 정치의 전개",[ F("영조의 탕평책","18세기","완론 중심 등용","붕당의 폐단을 줄이고 왕권을 강화하려 하였다."), F("정조의 개혁","18세기 후반","규장각·장용영","개혁 정치를 추진하고 친위 부대를 두어 왕권을 뒷받침하였다."), F("수원 화성","정조","개혁 도시","정조의 정치적 구상과 과학 기술이 반영된 성곽이다."), F("세도 정치","19세기","외척 가문 권력 독점","안동 김씨 등 일부 가문이 정치 권력을 독점하였다."), F("삼정의 문란","19세기","전정·군정·환곡 폐단","세도 정치 아래 농민 부담과 사회 불만이 커졌다.") ]), S("5-2-1","조선 후기 경제와 사회의 변화",[ F("모내기법 확대","조선 후기","농업 생산력 증가","이앙법 확산으로 노동력이 절약되고 이모작이 가능해졌다."), F("상품 작물 재배","조선 후기","상업적 농업","면화·담배·인삼 등 판매 목적의 작물 재배가 늘었다."), F("공인","대동법 이후","상업 발달","관청에 필요한 물품을 조달하며 상품 화폐 경제 발달을 이끌었다."), F("사상 성장","조선 후기","민간 상인","송상·만상 등 사상이 전국적 유통망을 형성하였다."), F("신분제 동요","조선 후기","양반 증가·노비 감소","납속과 족보 매입 등으로 양반 수가 늘고 신분 질서가 흔들렸다.") ]), S("5-2-2","농민 봉기의 발생",[ F("홍경래의 난","1811년","평안도 차별 반발","세도 정치와 지역 차별, 수탈에 저항한 봉기이다."), F("임술 농민 봉기","1862년","진주에서 시작","삼정의 문란에 대한 불만이 전국적 농민 봉기로 확산되었다."), F("암행어사 파견","조선 후기","수령 감찰","정부는 지방 관리의 부정을 조사하려 하였으나 근본 해결은 어려웠다."), F("삼정이정청","1862년","개혁 기구","삼정의 문란을 바로잡기 위해 설치되었지만 큰 성과를 거두지 못하였다."), F("농민 의식 성장","19세기","사회 개혁 요구","농민들은 수탈에 저항하며 사회 변화의 주체로 성장하였다.") ]), S("5-3-1","조선 후기 학문과 예술의 새로운 경향",[ F("실학","조선 후기","현실 개혁 학문","사회 문제 해결과 민생 안정을 중시한 학문 경향이다."), F("유형원·이익","경세치용","토지 제도 개혁","토지 소유 문제와 국가 제도 개혁에 관심을 두었다."), F("박지원·박제가","북학파","상공업 진흥","청 문물 수용과 상공업 발전을 주장하였다."), F("서민 문화","조선 후기","판소리·탈춤·한글 소설","서민 의식 성장과 함께 새로운 문화가 발달하였다."), F("진경산수화·풍속화","조선 후기","우리 현실 표현","정선과 김홍도·신윤복 등이 우리 자연과 생활 모습을 그렸다.") ])]}, {id:6,title:"근현대 사회의 전개",short:"개항·독립·민주주의·통일",color:"#527e49",subs:[ S("6-1-1","국민 국가 수립을 위한 다양한 노력",[ F("흥선 대원군","19세기 후반","왕권 강화와 통상 수교 거부","서원 철폐와 경복궁 중건을 추진하고 외세 침입에 맞섰다."), F("강화도 조약","1876년","개항","조선이 일본과 맺은 불평등 조약으로 부산 등 항구를 열었다."), F("갑신정변","1884년","급진 개화파","김옥균 등이 근대 국가 수립을 목표로 정변을 일으켰으나 실패하였다."), F("동학 농민 운동","1894년","반봉건·반외세","농민들이 탐관오리와 외세 침략에 맞서 개혁을 요구하였다."), F("갑오개혁","1894년","근대 제도 개혁","신분제 폐지 등 근대적 제도 개혁이 추진되었다.") ]), S("6-1-2","독립을 위한 다양한 민족 운동",[ F("을사늑약","1905년","외교권 박탈","일제가 대한 제국의 외교권을 강제로 빼앗았다."), F("의병 운동","항일 투쟁","무장 저항","을사늑약과 군대 해산 이후 항일 의병 투쟁이 확산되었다."), F("애국 계몽 운동","1900년대","실력 양성","교육·산업 진흥을 통해 국권 회복을 이루려 하였다."), F("3·1 운동","1919년","민족 독립 운동","전국적으로 독립 만세 시위가 전개되어 대한민국 임시 정부 수립에 영향을 주었다."), F("대한민국 임시 정부","1919년","상하이","민주 공화제를 표방하고 독립운동을 이끌었다.") ]), S("6-1-3","대한민국 정부의 수립",[ F("광복","1945년 8월 15일","일제 지배 종료","일본의 패전으로 우리 민족이 광복을 맞았다."), F("모스크바 3국 외상 회의","1945년","한반도 문제 논의","임시 민주 정부 수립과 신탁 통치 문제가 논의되었다."), F("5·10 총선거","1948년","제헌 국회 구성","남한에서 유엔 감시 아래 총선거가 실시되었다."), F("대한민국 정부 수립","1948년 8월 15일","민주 공화국","제헌 헌법에 따라 대한민국 정부가 수립되었다."), F("북한 정권 수립","1948년 9월","분단 심화","북한에 조선 민주주의 인민 공화국이 수립되며 분단이 굳어졌다.") ]), S("6-2-1","개항 이후 경제 변화와 식민지 경제 체제",[ F("개항 이후 무역","19세기 후반","일본 상인 진출","일본 상인의 활동과 곡물 유출로 조선 경제가 흔들렸다."), F("방곡령","1889년 등","곡물 유출 방지","지방관이 곡물 유출을 막으려 했으나 일본의 압력으로 어려움을 겪었다."), F("토지 조사 사업","1910년대","식민지 지배 기반","일제가 토지 소유권을 조사해 식민 통치 재정을 확보하였다."), F("산미 증식 계획","1920년대","쌀 수탈","일본의 식량 부족 해결을 위해 조선의 쌀 생산과 반출을 늘렸다."), F("병참 기지화 정책","1930년대 이후","전쟁 동원","일제가 침략 전쟁 수행을 위해 조선의 인력과 자원을 동원하였다.") ]), S("6-2-2","광복 이후 경제 성장 및 사회 변화",[ F("농지 개혁","1950년 전후","자작농 증가","유상 매수·유상 분배 원칙으로 농민의 토지 소유가 확대되었다."), F("경제 개발 5개년 계획","1960년대","수출 주도 성장","정부 주도 산업화와 수출 확대가 추진되었다."), F("새마을 운동","1970년대","농촌 근대화","근면·자조·협동을 내세워 농촌 생활 환경 개선을 추진하였다."), F("중화학 공업화","1970년대","산업 구조 변화","철강·조선·자동차 등 중화학 공업이 성장하였다."), F("사회 변화","산업화 이후","도시화와 노동 문제","빠른 경제 성장 속에 도시 집중, 노동 문제, 빈부 격차가 나타났다.") ]), S("6-3-1","헌법과 4·19 혁명",[ F("제헌 헌법","1948년","민주 공화국 원리","대한민국의 기본 질서와 국민의 권리·의무를 규정하였다."), F("발췌 개헌","1952년","대통령 직선제","이승만 정부가 재집권을 위해 헌법을 바꾸었다."), F("사사오입 개헌","1954년","장기 집권 기반","초대 대통령의 중임 제한을 없애기 위해 추진되었다."), F("3·15 부정 선거","1960년","4·19 혁명 원인","자유당 정권의 부정 선거가 시민과 학생의 저항을 불러왔다."), F("4·19 혁명","1960년","이승만 하야","학생과 시민의 민주화 운동으로 독재 정권이 무너졌다.") ]), S("6-3-2","유신 독재와 민주화 운동",[ F("5·16 군사 정변","1961년","군부 집권","박정희 등 군부 세력이 정권을 장악하였다."), F("유신 헌법","1972년","장기 집권 체제","대통령에게 강력한 권한을 부여하여 독재 체제를 강화하였다."), F("부마 민주 항쟁","1979년","유신 반대","부산과 마산에서 유신 체제에 반대하는 시위가 일어났다."), F("5·18 민주화 운동","1980년","광주","신군부에 맞서 민주주의를 요구한 시민들의 항쟁이다."), F("민주화 운동 탄압","유신·신군부","인권 침해","긴급 조치와 계엄 등으로 민주화 요구가 억눌렸다.") ]), S("6-3-3","민주주의의 발전",[ F("6월 민주 항쟁","1987년","대통령 직선제 요구","전국적 민주화 운동으로 6·29 민주화 선언을 이끌어 냈다."), F("6·29 민주화 선언","1987년","직선제 개헌 수용","대통령 직선제와 기본권 보장을 약속하였다."), F("1987년 헌법","제9차 개헌","현행 헌법","대통령 직선제와 5년 단임제를 규정하였다."), F("지방 자치 부활","1990년대","민주주의 확대","지방 의회와 지방 자치 단체장 선거가 실시되었다."), F("시민 사회 성장","현대","참여 민주주의","시민 단체와 언론, 여론이 정치 과정에 더 큰 영향을 미치게 되었다.") ]), S("6-4-1","남북 분단과 6·25 전쟁",[ F("38도선 분할 점령","1945년","미소 군정","광복 직후 한반도가 북위 38도선을 경계로 나뉘어 점령되었다."), F("6·25 전쟁 발발","1950년 6월 25일","북한 남침","북한군의 남침으로 전쟁이 시작되었다."), F("인천 상륙 작전","1950년 9월","전세 역전","국군과 유엔군이 서울을 수복하고 북진할 수 있는 계기가 되었다."), F("중국군 참전","1950년 말","전쟁 장기화","중국군의 개입으로 전선이 다시 남쪽으로 밀렸다."), F("정전 협정","1953년 7월","휴전 체제","전쟁은 멈췄지만 평화 협정이 아닌 정전 상태가 이어졌다.") ]), S("6-4-2","통일을 위한 노력",[ F("7·4 남북 공동 성명","1972년","자주·평화·민족 대단결","남북이 통일 원칙에 합의한 첫 공동 성명이다."), F("남북 기본 합의서","1991년","화해와 불가침","남북이 상호 체제를 인정하고 교류 협력을 약속하였다."), F("6·15 남북 공동 선언","2000년","남북 정상 회담","남북 정상이 만나 화해와 협력의 방향을 제시하였다."), F("10·4 남북 공동 선언","2007년","평화와 협력","경제 협력과 평화 체제 구축을 논의하였다."), F("통일 과제","현재","평화 정착과 교류","군사적 긴장 완화, 상호 신뢰, 지속적 교류가 필요하다.") ])]}]; function S(id,title,facts){return{id,title,facts}}function F(time,place,key,note){return[time,place,key,note]} const app=document.querySelector("#app"),toast=document.querySelector("#toast"); const state={view:"home",unitId:Number(localStorage.getItem("h2:lastUnit"))||1,subId:Number(localStorage.getItem("h2:lastSub"))||1,card:0,hint:false,quiz:null}; const store={get wrong(){return JSON.parse(localStorage.getItem("h2:wrong")||"[]")},set wrong(v){localStorage.setItem("h2:wrong",JSON.stringify(v))},get records(){return JSON.parse(localStorage.getItem("h2:records")||"{}")},set records(v){localStorage.setItem("h2:records",JSON.stringify(v))}}; function unit(){return UNITS.find(u=>u.id===state.unitId)||UNITS[0]}function sub(){return unit().subs.find(s=>s.id===state.subId)||unit().subs[0]}function esc(s){return String(s).replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#039;'}[m]))}function shuffle(a){return[...a].sort(()=>Math.random()-.5)} function go(v){stopTimer();state.view=v;if(v!=="quiz")state.quiz=null;render()}function setUnit(id){state.unitId=Number(id);state.subId=unit().subs[0].id;state.card=0;state.hint=false;localStorage.setItem("h2:lastUnit",state.unitId);localStorage.setItem("h2:lastSub",state.subId)}function setSub(id){state.subId=id;state.card=0;state.hint=false;localStorage.setItem("h2:lastSub",state.subId)} function pageHead(title,desc,back="home"){return`<div class="head"><button class="back" data-go="${back}">←</button><div><span class="eyebrow">History ②</span><h2>${esc(title)}</h2><p class="muted">${esc(desc)}</p></div></div>`} function showToast(msg){toast.textContent=msg;toast.classList.add("show");clearTimeout(showToast.t);showToast.t=setTimeout(()=>toast.classList.remove("show"),1800)} function render(){document.querySelectorAll(".bottom button").forEach(b=>b.classList.toggle("active",b.dataset.go===state.view));({home:renderHome,subunits:renderSubunits,memory:renderMemory,quiz:()=>state.quiz?renderQuestion():renderQuizStart(),stats:renderStats}[state.view]||renderHome)()} function renderHome(){const best=Math.max(0,...Object.values(store.records).map(r=>r.best||0));const subCount=UNITS.reduce((n,u)=>n+u.subs.length,0);app.innerHTML=`<section class="hero"><span class="eyebrow">History memory lab</span><h1>한국사의 흐름을<br>카드로 정리하다.</h1><p class="muted">역사2 요점정리를 대단원과 소단원으로 나누어 코넬형 암기카드와 20문항 실전 퀴즈로 학습합니다.</p></section><div class="summary"><div><strong>${UNITS.length}</strong><span>대단원</span></div><div><strong>${subCount}</strong><span>소단원</span></div><div><strong>${store.wrong.length}</strong><span>남은 오답</span></div></div><div class="section-title"><h2>대단원 선택</h2><p>최고 기록 ${best}점</p></div><section class="grid">${UNITS.map(u=>`<article class="unit" style="--unit:${u.color}"><span class="num">${u.id}</span><h3>${esc(u.title)}</h3><p>${esc(u.short)} · 소단원 ${u.subs.length}개</p><div class="actions"><button class="pill primary" data-unit="${u.id}" data-open-sub="1">소단원 선택</button><button class="pill" data-unit="${u.id}" data-quick-quiz="1">바로 시험</button></div></article>`).join("")}</section>`} function renderSubunits(){const u=unit();app.innerHTML=`${pageHead(`${u.id}단원 소단원 선택`,u.title)}<section class="grid" style="--unit:${u.color}">${u.subs.map(s=>`<article class="sub ${s.id===state.subId?"selected":""}"><strong>${esc(s.id)}. ${esc(s.title)}</strong><span>암기 카드 ${s.facts.length}개 · 시험 20문항</span><div class="actions"><button class="pill primary" data-sub="${s.id}" data-open-memory="1">암기</button><button class="pill" data-sub="${s.id}" data-open-quiz="1">시험</button></div></article>`).join("")}</section>`} function renderMemory(){const u=unit(),s=sub(),f=s.facts[state.card%s.facts.length],p=((state.card+1)/s.facts.length)*100;app.innerHTML=`${pageHead(`${s.id} 암기`,s.title,"subunits")}<div class="seg"><button class="active">코넬노트</button><button data-go="quiz">바로 시험</button></div><div style="--unit:${u.color}"><div class="section-title"><h3>${state.card+1} / ${s.facts.length}</h3><p>핵심어를 떠올린 뒤 풀이를 확인하세요</p></div><div class="progress" style="--progress:${p}%;--unit:${u.color}"><i></i></div><article class="cornell"><aside class="cue"><span class="label">CUE · 단서</span><div class="cue-time">${esc(f[0])}</div><div class="cue-place">${esc(f[1])}</div></aside><section class="note"><span class="label">NOTE · 핵심어</span><h3>${esc(f[2])}</h3>${state.hint?`<div class="hint">${esc(f[3])}</div>`:`<div class="hint hidden">설명을 떠올린 뒤 힌트를 확인하세요.</div>`}<button class="primary" id="hintBtn">${state.hint?"힌트 감추기":"힌트 보기"}</button></section></article><div class="cardnav"><button id="prev">←</button><button id="random">무작위 카드</button><button id="next">→</button></div></div>`} function renderQuizStart(){const u=unit(),s=sub();app.innerHTML=`${pageHead("시험 도전",`${s.id}. ${s.title}`,"subunits")}<label class="label">대단원</label><select id="quizUnit" class="primary" style="background:white;color:var(--deep);border:1px solid var(--line);margin-bottom:12px">${UNITS.map(u=>`<option value="${u.id}" ${u.id===state.unitId?"selected":""}>${u.id}. ${esc(u.title)}</option>`).join("")}</select><label class="label">소단원</label><select id="quizSub" class="primary" style="background:white;color:var(--deep);border:1px solid var(--line);margin-bottom:14px">${u.subs.map(x=>`<option value="${x.id}" ${x.id===state.subId?"selected":""}>${x.id}. ${esc(x.title)}</option>`).join("")}</select><section class="quiz-start" style="--unit:${u.color}"><span class="eyebrow" style="color:#efb398">${s.id} 소단원</span><h2>${esc(s.title)}</h2><p>각 문제마다 15초 안에 정답을 고릅니다. 정답 확인 후 바로 풀이가 표시됩니다.</p><div class="rules"><div><strong>20</strong><span>문항</span></div><div><strong>15초</strong><span>문제당</span></div><div><strong>4지</strong><span>선다형</span></div></div><button class="primary" id="startQuiz" style="background:${u.color}">퀴즈 시작</button></section>`} function makeQuestions(){const s=sub(),all=UNITS.flatMap(u=>u.subs.flatMap(x=>x.facts));let base=[];s.facts.forEach((f,i)=>{base.push({factIndex:i,question:`다음 설명에 해당하는 핵심어는?\n${f[3]}`,answer:f[2],choices:choices(f[2],all.map(x=>x[2])),explain:`${f[2]}: ${f[3]}`});base.push({factIndex:i,question:`'${f[2]}'에 대한 설명으로 옳은 것은?`,answer:f[3],choices:choices(f[3],all.map(x=>x[3])),explain:`${f[0]} · ${f[1]} · ${f[2]}`})});let out=[];while(out.length<20)out.push(...shuffle(base));return shuffle(out.slice(0,20))} function choices(ans,pool){return shuffle([ans,...shuffle(pool.filter(x=>x!==ans)).slice(0,3)])} function startQuiz(){state.quiz={questions:makeQuestions(),idx:0,score:0,answers:[],seconds:15,locked:false};state.view="quiz";render();startTimer()} function renderQuestion(){const u=unit(),s=sub(),qz=state.quiz,q=qz.questions[qz.idx],p=((qz.idx+1)/qz.questions.length)*100;app.innerHTML=`<div style="--unit:${u.color}"><div class="quiz-top"><div><span class="eyebrow">${s.id} 소단원 시험</span><h3>${qz.idx+1} / ${qz.questions.length}</h3></div><div id="timer" class="timer">${qz.seconds}</div></div><div class="progress" style="--progress:${p}%;--unit:${u.color}"><i></i></div><article class="qcard"><span class="meta">객관식 4지 선다</span><h2>${esc(q.question).replace("\\n","<br>")}</h2><div class="choices">${q.choices.map((c,i)=>`<button class="choice" data-choice="${esc(c)}"><b>${i+1}</b><span>${esc(c)}</span></button>`).join("")}</div><div id="answerArea"></div></article></div>`} function answer(selected,timed=false){const qz=state.quiz;if(!qz||qz.locked)return;qz.locked=true;stopTimer();const q=qz.questions[qz.idx],ok=selected===q.answer;if(ok)qz.score++;qz.answers.push({...q,selected:selected||"시간 초과",correct:ok});document.querySelectorAll(".choice").forEach(btn=>{btn.disabled=true;if(btn.dataset.choice===q.answer)btn.classList.add("correct");else if(btn.dataset.choice===selected)btn.classList.add("wrong")});document.querySelector("#answerArea").innerHTML=`<div class="explain"><b>${ok?"정답":"오답"}</b>${timed?" · 시간 초과":""}<br>정답: ${esc(q.answer)}<br>${esc(q.explain)}<br><button class="primary" id="nextQ" style="margin-top:10px">${qz.idx===qz.questions.length-1?"결과 보기":"다음 문제"}</button></div>`} function nextQ(){state.quiz.idx++;state.quiz.locked=false;state.quiz.seconds=15;if(state.quiz.idx>=state.quiz.questions.length)return finishQuiz();render();startTimer()} function finishQuiz(){stopTimer();const u=unit(),s=sub(),qz=state.quiz,score=qz.score,total=qz.questions.length,percent=Math.round(score/total*100),key=`${u.id}:${s.id}`,records=store.records;records[key]={best:Math.max(records[key]?.best||0,score),last:score,total,date:new Date().toLocaleDateString()};store.records=records;store.wrong=qz.answers.filter(a=>!a.correct).map(a=>({unitId:u.id,subId:s.id,factIndex:a.factIndex}));app.innerHTML=`${pageHead("시험 결과",`${s.id}. ${s.title}`,"subunits")}<section class="result" style="--unit:${u.color};--score:${percent}%"><div class="score">${percent}</div><h2>${score} / ${total}</h2><p class="muted">${score>=16?"흐름이 잘 잡혔습니다.":"오답 카드를 다시 보고 한 번 더 도전하세요."}</p><div class="actions"><button class="primary" id="shareBtn" style="background:${u.color}">결과 전송</button><button class="secondary" id="retryBtn">다시 풀기</button></div></section>`;state.quiz=null} let timer=null;function startTimer(){stopTimer();timer=setInterval(()=>{if(!state.quiz||state.quiz.locked)return;state.quiz.seconds--;const t=document.querySelector("#timer");if(t){t.textContent=state.quiz.seconds;t.classList.toggle("danger",state.quiz.seconds<=5)}if(state.quiz.seconds<=0)answer(null,true)},1000)}function stopTimer(){clearInterval(timer);timer=null} function renderStats(){const rows=Object.entries(store.records);app.innerHTML=`${pageHead("학습 기록","소단원별 최고 점수와 최근 기록")}${rows.length?`<div class="grid">${rows.map(([k,r])=>`<div class="sub"><strong>${esc(k)} 소단원</strong><span>최고 ${r.best}/${r.total} · 최근 ${r.last}/${r.total} · ${r.date}</span></div>`).join("")}</div>`:`<div class="sub"><strong>아직 기록이 없습니다.</strong><span>시험을 풀면 기록이 저장됩니다.</span></div>`}`} function shareResult(){const rec=Object.values(store.records).at(-1);const text=rec?`YM 역사2 결과: ${rec.last}/${rec.total}점`:"YM 역사2 학습 결과";if(navigator.share)navigator.share({title:"YM 역사2",text});else{navigator.clipboard&&navigator.clipboard.writeText(text);showToast("결과가 복사되었습니다.")}} document.addEventListener("click",e=>{const b=e.target.closest("button");if(!b)return;if(b.dataset.go){go(b.dataset.go);return}if(b.dataset.unit){setUnit(b.dataset.unit);if(b.dataset.openSub)go("subunits");if(b.dataset.quickQuiz)go("quiz");return}if(b.dataset.sub){setSub(b.dataset.sub);if(b.dataset.openMemory)go("memory");if(b.dataset.openQuiz)go("quiz");return}if(b.id==="hintBtn"){state.hint=!state.hint;renderMemory()}if(b.id==="prev"){state.card=(state.card-1+sub().facts.length)%sub().facts.length;state.hint=false;renderMemory()}if(b.id==="next"){state.card=(state.card+1)%sub().facts.length;state.hint=false;renderMemory()}if(b.id==="random"){state.card=Math.floor(Math.random()*sub().facts.length);state.hint=false;renderMemory()}if(b.id==="startQuiz")startQuiz();if(b.classList.contains("choice"))answer(b.dataset.choice);if(b.id==="nextQ")nextQ();if(b.id==="retryBtn")startQuiz();if(b.id==="shareBtn")shareResult()}); document.addEventListener("change",e=>{if(e.target.id==="quizUnit"){setUnit(e.target.value);go("quiz")}if(e.target.id==="quizSub"){setSub(e.target.value);go("quiz")}}); document.querySelector("#recordBtn").onclick=()=>go("stats");render(); </script> </body> </html> 중등 기타과목/중등역사 역사2 중등 team YM https://ymedu.tistory.com/391 https://ymedu.tistory.com/391#entry391comment Tue, 30 Jun 2026 17:20:20 +0900 경신고 기말 한국사 대비 https://ymedu.tistory.com/390 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>한국사1 기말고사 카드 퀴즈</title> <style> :root{ --bg1:#6C5CE7; --bg2:#00B894; --bg3:#0984E3; --accent:#FDCB6E; --accent2:#FF7675; --accent3:#74B9FF; } *{box-sizing:border-box;} body{ margin:0; font-family:'Malgun Gothic','맑은 고딕',sans-serif; background:linear-gradient(135deg,#c0392b 0%, #8e44ad 50%, #2c3e50 100%); min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:24px 12px 60px; } h1{color:#fff; font-size:22px; margin:6px 0 2px; text-align:center; text-shadow:0 2px 6px rgba(0,0,0,.25);} .sub{color:#eef; font-size:13px; margin-bottom:16px; opacity:.9;} .progress-wrap{width:100%; max-width:480px; margin-bottom:14px;} .progress-bar{height:8px; background:rgba(255,255,255,.3); border-radius:8px; overflow:hidden;} .progress-fill{height:100%; background:linear-gradient(90deg,#FDCB6E,#FF7675); width:4%; transition:width .3s;} .progress-text{color:#fff; font-size:12px; text-align:center; margin-top:6px;} .scene{ width:100%; max-width:480px; height:520px; perspective:1600px; } .card{ width:100%; height:100%; position:relative; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.4,.2,.2,1); cursor:pointer; } .card.flipped{ transform:rotateY(180deg); } .face{ position:absolute; inset:0; backface-visibility:hidden; border-radius:20px; padding:26px 24px; overflow-y:auto; box-shadow:0 14px 30px rgba(0,0,0,.3); display:flex; flex-direction:column; } .front{ background:linear-gradient(160deg,#2c2c54,#40407a); color:#fff; } .back{ background:linear-gradient(160deg,#1e3a5f,#16213e); color:#fff; transform:rotateY(180deg); } .badge{ display:inline-block; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:bold; background:var(--accent); color:#2D3436; margin-bottom:10px; width:fit-content; } .badge.area-open{ background:#FF7675; color:#fff; } .badge.area-emp{ background:#00CEC9; color:#1b2b34; } .badge.area-move{ background:#74B9FF; color:#1b2b34; } .badge.area-essay{ background:#FDCB6E; color:#2D3436; } .qnum{ font-size:14px; opacity:.8; margin-bottom:6px; } .qtext{ font-size:15.5px; line-height:1.6; flex:1; } .qtext p{ margin:6px 0; } .src{ background:rgba(255,255,255,.08); border-left:4px solid #FDCB6E; border-radius:8px; padding:8px 12px; margin:8px 0; font-size:13.5px; line-height:1.6; color:#dfe6e9; } .diagram{ background:rgba(255,255,255,.06); border-radius:12px; padding:6px; margin:8px 0; } .diagram svg{ width:100%; height:auto; display:block; } .choices{ margin-top:10px; font-size:14px; line-height:1.9; color:#dfe6e9;} .hint{ margin-top:auto; font-size:12px; color:#b2bec3; text-align:center; padding-top:10px;} .answer-line{ font-size:18px; font-weight:bold; color:#FDCB6E; margin-bottom:10px; padding:8px 12px; background:rgba(255,255,255,.08); border-radius:10px; } .explain{ font-size:14.5px; line-height:1.7; color:#ecf0f1; flex:1; } .explain b{ color:#74B9FF; } .tip{ margin-top:10px; font-size:13px; background:rgba(253,203,110,.15); border-left:4px solid #FDCB6E; padding:8px 10px; border-radius:6px; color:#ffeaa7; } .controls{ display:flex; gap:10px; margin-top:18px; align-items:center; } button{ border:none; border-radius:12px; padding:12px 18px; font-size:14px; font-weight:bold; cursor:pointer; transition:transform .15s, box-shadow .15s; box-shadow:0 4px 10px rgba(0,0,0,.2); } button:active{ transform:scale(.95); } .btn-nav{ background:#fff; color:#2D3436; } .btn-flip{ background:linear-gradient(90deg,#FF7675,#FDCB6E); color:#2D3436; padding:12px 26px;} .jump-row{ display:flex; flex-wrap:wrap; gap:6px; max-width:480px; justify-content:center; margin-top:18px; } .jump-btn{ width:34px; height:34px; border-radius:50%; font-size:11px; padding:0; background:rgba(255,255,255,.25); color:#fff; border:1px solid rgba(255,255,255,.4); } .jump-btn.current{ background:#FDCB6E; color:#2D3436; border-color:#FDCB6E; transform:scale(1.15);} </style> </head> <body> <h1> 한국사1 기말고사 카드 퀴즈</h1> <div class="sub">카드를 클릭하면 뒤집혀서 정답과 해설을 볼 수 있어요</div> <div class="progress-wrap"> <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div> <div class="progress-text" id="progressText">1 / 26</div> </div> <div class="scene"> <div class="card" id="card"> <div class="face front" id="frontFace"></div> <div class="face back" id="backFace"></div> </div> </div> <div class="controls"> <button class="btn-nav" id="prevBtn">◀ 이전</button> <button class="btn-flip" id="flipBtn"> 뒤집기</button> <button class="btn-nav" id="nextBtn">다음 ▶</button> </div> <div class="jump-row" id="jumpRow"></div> <script> const AREA = { open: { label: "개항·불평등조약", cls: "area-open" }, emp: { label: "독립협회·대한제국·을사조약", cls: "area-emp" }, move: { label: "애국계몽·국권수호운동", cls: "area-move" }, essay: { label: "서술형", cls: "area-essay" } }; const cards = [ {no:"1", area:"open", q:`<p>다음 사료에 대한 설명으로 옳은 것만을 보기에서 모두 고른 것은? [3.6점]</p>`, src:`제1관 조선과 미국은 영원히 화평하고 우애 있게 지낸다. 조약 상대국이 어떤 불공평하고 경멸하는 일이 있을 때에 통지하면 서로 도와준다.<br>제14관 조선이 어떠한 은혜로운 정사와 은혜로운 법 및 이익을 다른 나라 혹은 그 상인에게 베풀 경우 …(중략)… 미국 관원과 백성이 일체 균점하는 것을 승인한다.`, choices:`ㄱ. 운요호 사건의 결과 체결되었다.<br>ㄴ. 조선이 서양과 맺은 최초의 조약이다.<br>ㄷ. 배상금을 포함한 불평등 조약이다.<br>ㄹ. 거중 조정과 최혜국 대우 조항 등을 포함하였다.`, answer:"④ ㄴ, ㄹ", explain:`사료는 조미수호통상조약(1882). 거중조정(제1관)과 최혜국대우(제14관)가 핵심 조항이다. ㄱ은 강화도조약(운요호 사건의 결과), ㄷ(배상금)은 제물포조약 설명이므로 틀림. ㄴ(서양과 맺은 최초의 조약), ㄹ(거중조정·최혜국대우)이 맞음.`, tip:"강화도조약(해안측량권·영사재판권) vs 조미수호통상조약(거중조정·최혜국대우·관세)을 짝지어 구분하자."}, {no:"2", area:"open", q:`<p>다음 사건들을 순서대로 바르게 나열한 것은? [3.6점]</p>`, src:`(가) 무장한 미국 상선 제너럴셔먼호가 대동강을 거슬러 올라와 조선에 요구했다.<br>(나) 한성근 부대는 문수산성에서 프랑스군과 전투를 벌였고, 양헌수 부대는 정족산성에서 프랑스군을 물리쳤다.<br>(다) 초지진 일대에 상륙한 미군은 덕진진을 점령하고 이어 광성보를 공격했다.<br>(라) 흥선대원군은 프랑스 선교사들을 비롯한 천주교 신자들을 처형했다.`, choices:`① (가)→(나)→(다)→(라)<br>② (가)→(다)→(나)→(라)<br>③ (나)→(가)→(다)→(라)<br>④ (라)→(가)→(나)→(다)<br>⑤ (라)→(가)→(다)→(나)`, answer:"④ (라)→(가)→(나)→(다)", explain:`병인박해(1866초, (라))→제너럴셔먼호 사건(1866.7, (가))→병인양요(1866.9, (나))→신미양요(1871, (다)).`, tip:"병인박해→병인양요(프랑스 보복), 제너럴셔먼호 사건→신미양요(미국 보복)의 인과관계로 암기."}, {no:"3", area:"open", q:`<p>다음 법령이 발표된 시기를 연표에서 옳게 고른 것은? [3.3점]</p>`, src:`제3조 대한국 대황제는 무한한 군주권을 누린다.<br>제6조 대한국 대황제는 법률을 제정해 그 반포와 집행을 명하고, 사면·특사·복권을 행한다.`, diagram:`<svg viewBox="0 0 320 70" xmlns="http://www.w3.org/2000/svg"> <line x1="20" y1="35" x2="300" y2="35" stroke="#dfe6e9" stroke-width="2"/> <g font-size="9" fill="#fff"> <text x="10" y="20">삼국간섭</text><text x="60" y="20">을미사변</text><text x="115" y="20">아관파천</text><text x="165" y="20">고종황제즉위</text><text x="235" y="20">독립협회해산</text><text x="285" y="20">러일전쟁</text> </g> <g font-size="10" fill="#FDCB6E"> <text x="30" y="50">(가)</text><text x="85" y="50">(나)</text><text x="140" y="50">(다)</text><text x="200" y="50">(라)</text><text x="260" y="50">(마)</text> </g> </svg>`, choices:`① (가) ② (나) ③ (다) ④ (라) ⑤ (마)`, answer:"⑤ (마)", explain:`법령은 대한국국제(1899). 독립협회 해산(1898.12) 이후, 러일전쟁(1904) 이전 시기인 (마)에 해당한다.`, tip:"대한국국제(1899)=대한제국 광무개혁의 핵심 법령. 발표 시기를 연표 흐름 속에서 정확히 짚어두자."}, {no:"4", area:"open", q:`<p>(가) 세력에 대한 설명으로 옳은 것만을 보기에서 모두 고른 것은? [3.4점]</p>`, diagram:`<svg viewBox="0 0 320 130" xmlns="http://www.w3.org/2000/svg"> <rect x="80" y="10" width="160" height="26" rx="6" fill="#34495e"/><text x="90" y="28" fill="#fff" font-size="11">개화사상의 선구자: 박규수, 오경석, 유홍기</text> <line x1="160" y1="36" x2="160" y2="55" stroke="#dfe6e9"/> <rect x="110" y="55" width="100" height="24" rx="6" fill="#636e72"/><text x="135" y="71" fill="#fff" font-size="11">개화파</text> <line x1="160" y1="79" x2="80" y2="95" stroke="#dfe6e9"/> <line x1="160" y1="79" x2="250" y2="95" stroke="#dfe6e9"/> <rect x="20" y="95" width="130" height="30" rx="6" fill="#74B9FF"/><text x="30" y="115" fill="#1b2b34" font-size="10">(가) 김홍집,어윤중,김윤식</text> <rect x="170" y="95" width="135" height="30" rx="6" fill="#FF7675"/><text x="178" y="115" fill="#fff" font-size="10">급진개화파 김옥균,박영효 등</text> </svg>`, choices:`ㄱ. 조선의 자주성을 지키기 위해 청과의 우호 관계를 중시하였다.<br>ㄴ. 성리학적 질서를 유지하면서 서양의 과학 기술을 수용하고자 했다.<br>ㄷ. 메이지 유신을 본받아 서양의 기술뿐만 아니라 사상과 제도까지 수용하고자 주장했다.<br>ㄹ. 개화 정책 추진에 필요한 자금 마련을 위해 일본에 차관 도입을 시도했다.`, answer:"① ㄱ, ㄴ", explain:`(가)=온건개화파: 청과의 우호관계 중시(동도서기론, ㄱ), 성리학적 질서 유지하며 서양 과학기술만 수용(ㄴ). ㄷ·ㄹ은 급진개화파의 특징이므로 틀림.`, tip:"동도서기(온건개화파) vs 문명개화론(급진개화파)의 차이를 표로 비교 정리하자."}, {no:"5", area:"open", q:`<p>개혁 정강이 발표된 사건의 배경으로 옳은 것을 보기에서 모두 고른 것은? [3.1점]</p>`, src:`2. 문벌을 폐지해 인민 평등의 권리를 제정하고, 사람에게 관직을 택하게 하고 관직으로써 사람을 택하지 말 것.<br>3. 전국적으로 지조법을 개혁해 관리의 부정을 막고 백성의 어려움을 펴게 하는 동시에 국가재정을 넉넉하게 할 것.`, choices:`ㄱ. 영국이 거문도를 불법 점령하였다.<br>ㄴ. 민씨 정권이 친청 정책을 추진하였다.<br>ㄷ. 청과 일본이 톈진 조약을 체결하였다.<br>ㄹ. 청프 전쟁으로 청군 일부가 조선에서 철수하였다.`, answer:"④ ㄴ, ㄹ", explain:`갑신정변(1884) 14개조 정강의 배경: 민씨정권의 친청정책 반발(ㄴ), 청프전쟁으로 청군 일부가 베트남 방면으로 철수하여 군사적 공백 발생(ㄹ). 거문도 사건(ㄱ)·톈진조약(ㄷ)은 정변 이후의 결과이므로 배경이 될 수 없다.`, tip:"갑신정변의 배경(친청정책 반발+청군 철수)과 결과(거문도 사건, 톈진조약)를 시간순으로 구분하자."}, {no:"6", area:"open", q:`<p>(가), (나) 사이의 시기에 있었던 사실로 옳은 것은? [3.1점]</p>`, src:`(가) 농민군은 황토현과 황룡촌에서 관군을 격파하고, 기세를 몰아 전주성까지 점령했다.<br>(나) 일본은 무력으로 경복궁을 점령한 후 김홍집 등 개화파 인사들을 중심으로 새로운 내각을 수립했다.`, choices:`① 농민군이 백산에서 4대 강령을 발표하였다.<br>② 논산에서 남접과 북접 연합 부대가 만들어졌다.<br>③ 전봉준, 김개남, 손화중 등 주요 지도자가 체포되었다.<br>④ 일본은 아산만에 주둔 중인 청군을 공격해 전쟁을 일으켰다.<br>⑤ 농민군은 자치 조직인 집강소를 세워 폐정 개혁안을 실천해 나갔다.`, answer:"⑤", explain:`(가)1차봉기 전주성 점령과 (나)일본의 경복궁 점령(1894.6) 사이는 전주화약 체결 후 집강소 설치 시기이다. 농민군이 자치기구 집강소를 세워 폐정개혁안을 실천한 것이 이 시기의 사실이다.`, tip:"동학농민운동 흐름: 1차 봉기→전주화약·집강소→청일전쟁 발발→2차 봉기→우금치 전투 순으로 암기."}, {no:"7", area:"open", q:`<p>보기를 읽고 A~D에 들어갈 나라로 옳은 것은? [3.2점]</p>`, src:`(가) A이/가 땅을 공략하고자 하면 반드시 조선으로부터 시작할 것이다. …A를 막는 조선의 책략은 무엇인가? 오직 B와/와 친하고 C와/와 맺고 D와/와 연합함으로써 자강을 도모할 뿐이다.<br>(나) D은/는 우리가 본래 모르던 나라입니다. …D은/는 본래 우리와 관계가 없는 나라입니다.`, choices:`① 러시아-중국-일본-미국<br>② 러시아-중국-미국-일본<br>③ 러시아-미국-중국-일본<br>④ 일본-리시아-미국-중국<br>⑤ 일본-러시아-중국-미국`, answer:"① 러시아-중국-일본-미국", explain:`(가)는 「조선책략」 계열 사료(친중국·결일본·연미국)로 A는 경계 대상인 러시아. (나)는 미국과의 수교 사료로 '본래 관계없는 나라'가 D(미국)를 가리킨다.`, tip:"「조선책략」의 친중국·결일본·연미국 구조를 사료 속에서 빠르게 식별하는 연습을 하자."}, {no:"8", area:"open", q:`<p>(나) 사료에 대한 설명으로 옳은 것은? [3.2점]</p>`, choices:`① 이만손 등 영남 지방 유생들이 만인소를 올렸다.<br>② 최익현은 (나)를 통해 왜양일체론을 주장하였다.<br>③ 영국이 거문도를 불법 점령을 제기로 작성하였다.<br>④ (나)에 대한 반발로 청은 묄렌도르프를 조선에 파견하였다.<br>⑤ 이항로, 기정진 등은 (나)를 작성하여 척화주전론을 주장했다.`, answer:"①", explain:`(나)는 조선책략 유포를 계기로 한 미국 수교 권유 사료이다. 이만손 등 영남 유생들이 반발해 영남만인소를 올린 것이 직접적 반응이다.`, tip:"영남만인소=조선책략에 대한 위정척사 반발 운동이라는 인과관계를 기억하자."}, {no:"9", area:"open", q:`<p>다음 조약의 내용과 관계있는 것은? [3.1점]</p>`, src:`제3관 조선국은 5만원을 내어 해를 당한 일본 관리와 하급 직원의 유족 및 부상자에게 지급한다. — 제물포 조약 —`, choices:`① 거류지 무역이 이루어졌다.<br>② 일본이 박문국을 설립하였다.<br>③ 일본군의 한성 주둔을 허용하였다.<br>④ 조미 수호 통상 조약이 체결되었다.<br>⑤ 유길준이 조선 중립화론을 주장하였다.`, answer:"③", explain:`사료는 제물포조약(1882, 임오군란 처리 결과)이다. 일본 공사관 경비 명목으로 일본군의 한성 주둔을 허용한 것이 핵심 조항이다.`, tip:"제물포조약=배상금 지급+일본군 한성 주둔 허용. 임오군란의 결과로 정확히 짝지어 암기."}, {no:"10", area:"emp", q:`<p>㉠단체에 대한 설명으로 옳은 것만을 보기에서 모두 고른 것은? [3.5점]</p>`, src:`서재필과 정부 내 개혁 세력은 조선의 자주독립을 알리기 위해 ㉠을/를 창립했다. ㉠은/는 독립문 건립 기금을 내면 누구나 회원이 될 수 있도록 해 학생, 노동자, 상인 등 다양한 계층의 참여를 이끌어냈다.`, choices:`ㄱ. 미국의 절영도 조차 요구를 철회시켰다.<br>ㄴ. 일본의 군사 교관과 재정 고문을 철수시켰다.<br>ㄷ. 만민 공동회를 개최하여 러시아의 침략행위를 비판하였다.<br>ㄹ. 중추원을 의회식으로 개편하는 안을 합의하고 헌의 6조를 채택했다.`, answer:"⑤ ㄷ, ㄹ", explain:`㉠=독립협회. 만민공동회를 개최하여 러시아의 절영도 조차 요구 등 침략행위를 비판(ㄷ)하였고, 헌의6조를 채택(ㄹ)하였다. (참고: 절영도는 러시아가 요구한 것이므로 ㄱ의 '미국'은 오류, ㄴ의 '일본'도 실제로는 러시아 군사·재정 고문 철수가 맞음)`, tip:"독립협회의 활동(독립문 건립, 만민공동회, 헌의6조)을 사건 순서로 암기해두자."}, {no:"11", area:"emp", q:`<p>(가)이/가 실시한 개혁에 대한 설명으로 옳지 <u>않은</u> 것은? [3.5점]</p>`, src:`고종의 환궁을 요구하는 국내외의 여론이 높아지자, 고종은 경운궁으로 환궁했다. 이 과정에서 고종이 황제로 즉위해야 한다는 상소가 제기되었다. 이를 받아들인 고종은 연호를 '광무'로 정하고, 환구단에서 황제 즉위식을 열어 (가)을/를 선포했다.`, choices:`① 구본신참을 기본 방향으로 점진적인 개혁을 추진하였다.<br>② 원수부를 설치하여 모든 군사권을 황제에게 집중하였다.<br>③ 중앙 군대인 친위대를 강화하고 지방 군대인 진위대 병력을 늘렸다.<br>④ 청일 전쟁이 일어나 열강의 세력 균형이 깨지면서 개혁이 중단되었다.<br>⑤ 토지 소유자에게 지계를 발급해 토지 소유권을 법적으로 확인할 수 있도록 하였다.`, answer:"④", explain:`(가)=대한제국 광무개혁이다. '청일전쟁으로 열강 세력균형이 깨지며 개혁이 중단'은 갑오·을미개혁(1894~96) 시기 설명으로, 광무개혁과는 무관 → 옳지 않은 설명.`, tip:"광무개혁의 핵심 키워드(구본신참, 원수부, 지계 발급)를 정확히 암기하고 갑오개혁과 혼동하지 말 것."}, {no:"12", area:"emp", q:`<p>(가)~(다)를 체결한 순서대로 나열한 것은? [3.4점]</p>`, src:`(가) 영국은 일본이 이익을 보호하고 증진하기 위해 정당하며 필요하다고 인정하는 지도, 감리 및 보호의 조치를 한국에서 취할 권리를 승인한다.<br>(나) 제2조 러시아 제국 정부는 일본국이 한국에서 정치상, 군사상 및 경제상의 탁월한 이익을 갖는다는 것을 승인하고 …<br>(다) 일본은 조선이 이전의 상태로 돌아가서 일본이 다시 또 다른 나라와 전쟁을 일으키게 할 가능성을 방지한다는 입장에서 확실한 조치를 취하여야 한다.`, choices:`① (가)→(나)→(다)<br>② (가)→(다)→(나)<br>③ (나)→(가)→(다)<br>④ (다)→(가)→(나)<br>⑤ (다)→(나)→(가)`, answer:"④ (다)→(가)→(나)", explain:`(다)=가쓰라-태프트 밀약(1905.7, 미국이 일본의 한국 지배 묵인)→(가)=제2차 영일동맹(1905.8, 영국 승인)→(나)=포츠머스 조약(1905.9, 러시아 승인). 을사조약(1905.11) 직전 일본이 국제적으로 한국 지배를 승인받는 사전 작업이었다.`, tip:"을사조약 이전 열강의 묵인 과정(미→영→러 순)을 연표로 정리해 두자."}, {no:"13", area:"emp", q:`<p>(가) 격문이 작성된 시기의 의병에 대한 설명으로 옳은 것은? [3.5점]</p>`, src:`오호라 작년 10월에 저들이 한 행위는 만고에 일찍이 없던 일로서, 억압으로 한 조각의 종이에 조인해 5백 년 전해 오던 종묘사직이 드디어 하룻밤에 망했으니 …나라가 이와 같이 망해 갈진대 어찌 한번 싸우지 않을 수 있는가? — (가) —`, choices:`① 고종이 의병 해산 권고 조칙을 내리자 해산되었다.<br>② 유인석, 이소응 등 위정척사 사상을 가진 양반 유생들이 주도하였다.<br>③ 신돌석은 경상도와 강원도 일대에서 유격전을 펼치며 일본군과 맞섰다.<br>④ 을미사변이 일어나고 단발령이 시행되자 이에 반발해 전국적인 의병이 일어났다.<br>⑤ 해산된 의병과 농민 중 일부는 활빈당, 영학당 등을 조직해 무장 투쟁을 이어 갔다.`, answer:"③", explain:`격문(가)은 을사조약(1905.11, 5백년 종묘사직이 망함) 직후 작성된 을사의병 격문이다. 평민의병장 신돌석이 경상도·강원도 일대에서 유격전을 펼친 것이 이 시기 의병의 특징이다.`, tip:"신돌석=최초의 평민 의병장(을사의병), 유인석·이소응=위정척사 양반 유생 의병장(을미의병)으로 구분."}, {no:"14", area:"emp", q:`<p>(가) 내용이 배경이 되어 일어난 의병에 대한 설명으로 옳지 <u>않은</u> 것은? [3.5점]</p>`, src:`[뉴스] 1907년 대한 제국 망국의 갈림길 — (가) 1907년 일본이 헤이그 특사 파견을 빌미로 고종을 강제 퇴위시키고 대한 제국의 군대를 해산하였다. 이에 대한 반발이 많은 것으로 예상된다.`, choices:`① 해산된 군인이 참여해 전력이 강화되고 조직화 되었다.<br>② 최익현은 전라도 태인에서 제자들과 함께 의병을 일으켰다.<br>③ 각국 공사관에 국제법상 교전 단체로 인정해줄 것을 요구하였다.<br>④ 이인영을 총대장, 허위를 군사장으로 추대해 13도 창의군을 결성했다.<br>⑤ 서울을 장악한 일본군을 몰아내기 위해 서울 진공 작전을 전개하였다.`, answer:"②", explain:`(가)는 1907년 고종 강제퇴위·군대해산(정미7조약)을 배경으로 한 정미의병이다. 최익현이 태인에서 의병을 일으킨 것은 1906년 을사의병 때이므로, 정미의병의 배경 설명으로는 옳지 않다.`, tip:"정미의병의 특징(해산군인 참여, 13도창의군, 서울진공작전)을 을사의병과 명확히 구분해 암기."}, {no:"15", area:"emp", q:`<p>(가)~(마)를 체결한 순서대로 나열한 것은? [3.5점]</p>`, src:`(가) 한국 황제 폐하는 한국 전부에 관한 일체 통치권을 완전히 또 영구히 일본 황제 폐하에게 양여한다.<br>(나) 한국 정부는 시정 개선에 관하여 통감의 지도를 받을 것…<br>(다) 한국 정부는 지금부터 일본국 정부의 중개를 거치지 않고서는 국제적 성질을 가진 어떤 조약이나 약속을 맺지 않을 것을 약속한다.<br>(라) 대한 정부는 ㉠일본 정부가 추천한 1인을 재정 고문으로 삼아 …<br>(마) 제4조 대한 제국 정부는 대일본 제국 정부의 행동이 …군사 전략상 필요한 지점을 상황에 따라 차지해 사용할 수 있다.`, choices:`① (가)→(나)→(다)→(라)→(마)<br>② (가)→(나)→(라)→(마)→(다)<br>③ (마)→(라)→(가)→(나)→(다)<br>④ (마)→(라)→(다)→(나)→(가)<br>⑤ (마)→(라)→(나)→(다)→(가)`, answer:"④ (마)→(라)→(다)→(나)→(가)", explain:`(마)한일의정서(1904.2, 군사기지 사용)→(라)제1차 한일협약(1904.8, 고문정치)→(다)을사조약(1905.11, 외교권 박탈)→(나)정미7조약(1907.7, 차관정치)→(가)한일병합조약(1910.8, 통치권 양여).`, tip:"5개 조약 순서와 키워드(군사기지/고문정치/외교권/차관정치/병합)를 세트로 암기."}, {no:"16", area:"emp", q:`<p>㉠이 실시한 사업에 관한 설명으로 옳지 <u>않은</u> 것은? [3.6점]</p>`, choices:`① 사업 시행 결과 시중에 유통되던 화폐량이 증가하였다.<br>② 상평통보와 백동화 등이 일본 제일은행권으로 교환되었다.<br>③ 화폐 유통의 문란과 물가 폭등의 이유로 사업을 진행하였다.<br>④ 일본 제일은행에서 발행한 화폐가 나라의 공식적인 화폐가 되었다.<br>⑤ 사업에 필요한 비용 모두 일본으로부터 차관 형식으로 충당되어 대한 제국의 재정도 일본에 예속되었다.`, answer:"①", explain:`㉠=화폐정리사업(1905, 재정고문 메가타). 옳지 않은 것: 백동화 회수·교환 과정에서 화폐 부족·혼란이 발생하여 실제 유통 화폐량은 감소하였다.`, tip:"화폐정리사업=백동화 회수→제일은행권 교환→화폐 부족·국내 상공업자 타격이라는 흐름으로 암기."}, {no:"17", area:"emp", q:`<p>㉡을 암살한 인물로 옳은 것은? [3.4점]</p>`, choices:`① 나철 ② 안중근 ③ 오기호 ④ 이재명 ⑤ 장인환`, answer:"⑤ 장인환", explain:`㉡=외교고문 스티븐스. 1908년 샌프란시스코에서 장인환·전명운이 스티븐스를 저격하였고, 그중 장인환이 암살에 성공하였다.`, tip:"안중근=이토 히로부미 / 이재명=이완용 습격 / 장인환·전명운=스티븐스. 의거 대상-인물 짝을 정확히 암기."}, {no:"18", area:"move", q:`<p>다음 사료를 발표한 단체에 대한 설명으로 옳은 것은? [3.6점]</p>`, src:`무릇 나라의 독립은 오직 자강의 여하에 달려 있다. …자강의 방도는 다른 곳에 있지 않고 교육을 진작하고 산업을 일으키는 데 있다. …백성의 지혜를 깨우치고 국력을 양성할 방법은 오직 교육과 산업의 발달에 달려 있지 않겠는가?`, choices:`① 105인 사건으로 와해되었다.<br>② 월보를 발행하고 강연회를 개최하였다.<br>③ 태극서관을 운영해 계몽 서적을 출판하였다.<br>④ 일제가 황무지 개간을 요구하자 이에 반대하는 운동을 전개하였다.<br>⑤ 독립협회를 계승해 의회 중심의 입헌정치 체제를 목표로 활동하였다.`, answer:"②", explain:`교육과 산업을 통한 자강을 강조한 애국계몽운동 단체(대한자강회 등)의 사료이다. 월보를 발행하고 강연회를 개최한 것이 해당 단체의 대표적인 활동이다.`, tip:"보안회(황무지 개간 반대)·대한자강회(월보·강연회)·신민회(태극서관, 105인 사건)의 활동을 단체별로 구분하자."}, {no:"19", area:"move", q:`<p>㉠단체에 대한 설명으로 옳은 것만을 보기에서 모두 고른 것은? [3.6점]</p>`, src:`1907년 안창호, 양기탁, 신채호 등은 국권회복과 새로운 국가 건설을 위해 비밀 결사인 ㉠을/를 결성했다. ㉠은/는 다수의 기독교계 인사 외에도 언론인, 교사, 학생 등 각계각층이 참여했다.`, choices:`ㄱ. 평양에 오산 학교, 정주에 대성 학교를 세웠다.<br>ㄴ. 평양에 자기 회사를 설립하는 등 민족 산업 육성에 힘썼다.<br>ㄷ. 고종 황제 강제 퇴위에 반대하다가 일제에 의해 강제로 해산되었다.<br>ㄹ. 이회영, 이상룡 등은 서간도 삼원보에 한인 마을을 조성하고 독립군을 양성하기 위해 신흥 강습소를 설립했다.`, answer:"④ ㄴ, ㄹ", explain:`㉠=신민회(1907). 평양에 자기회사를 설립하는 등 민족산업 육성(ㄴ), 이회영·이상룡 등이 서간도 삼원보에 신흥강습소를 세움(ㄹ)이 정답. (참고: 오산학교는 정주, 대성학교는 평양에 위치 — ㄱ은 지명이 뒤바뀜. 신민회는 강제 해산이 아니라 105인 사건으로 와해 — ㄷ도 부정확)`, tip:"신민회의 국내(오산·대성학교, 자기회사, 태극서관) 활동과 국외(서간도 삼원보, 신흥강습소) 활동을 나누어 암기."}, {no:"20", area:"open", q:`<p>(가), (나) 조약에 대한 설명으로 옳은 것만을 보기에서 모두 고른 것은? [3.5점]</p>`, src:`(가) 부산 항구에서 일본국 인민이 통행할 수 있는 도로의 거리는 부두로부터 계산해 동서남북 각 직경 10리로 정한다.<br>(나) 조선의 양화진, 한성에 영업소를 개설할 경우를 제외하고, 각종 화물을 내지로 운반해 상점을 차리고 파는 것을 허가하지 않는다. 단, 내지에서 물건을 살 경우 지방관의 허가서를 받아야 한다.`, choices:`ㄱ. (가)를 통해 조선은 일본에게 방곡령을 선포하였다.<br>ㄴ. (가)를 통해 조선은 일본에게 최혜국 대우를 인정했다.<br>ㄷ. (나)는 임오군란을 계기로 체결되었다.<br>ㄹ. (나)는 조선을 청의 속방으로 규정하였다.`, answer:"⑤ ㄷ, ㄹ", explain:`(가)=조일수호조규부록(1876, 일본인 통행거리 10리), (나)=조청상민수륙무역장정(1882). (나)는 임오군란을 계기로 체결(ㄷ)되었고, 조선을 청의 속방으로 규정(ㄹ)한 것이 핵심. 최혜국대우(ㄴ)는 조미조약, 방곡령(ㄱ)은 무관한 내용이라 틀림.`, tip:"조일수호조규부록 vs 조청상민수륙무역장정의 핵심 조항을 구분해서 암기."}, {no:"21", area:"move", q:`<p>(가)에 들어갈 명칭으로 옳은 것은? [2.7점]</p>`, src:`일제는 조선에서 빼앗은 토지를 관리하기 위해 (가)을/를 세웠다. (가)은/는 토지 수탈의 상징이자, 농민들에게 원망의 대상이었다. 일제 강점기에는 의열단원인 나석주가 이곳에서 의거 활동을 펼치기도 했다. (가)은/는 국내 주요 도시에 지점을 냈으며 만주와 타이완 등 다른 식민지까지 영업 지역을 확대했다.`, choices:`① 상회사 ② 통감부 ③ 대동 상회 ④ 장통 상회 ⑤ 동양 척식 주식회사`, answer:"⑤ 동양 척식 주식회사", explain:`(가)=동양척식주식회사(1908, 일제의 토지 수탈 기관)이다. 의열단원 나석주가 이곳에서 의거 활동을 펼쳤다.`, tip:"동양척식주식회사=토지 수탈 기관, 나석주 의거의 대상이라는 점을 함께 암기."}, {no:"22", area:"move", q:`<p>(가)에 들어갈 규정에 대한 설명으로 옳은 것은? [3.6점]</p>`, src:`(가)에 관한 규정(제37관): 조선국에서 …국내에 양식이 결핍할 것을 우려해 일시 쌀수출을 금지하려고 할 때에는 1개월 전에 지방관이 일본 영사관에 통지해 미리 그 기간을 항구에 있는 일본 상인들에게 전달해 일률적으로 준수하는 데 편리하게 한다.`, choices:`① (가)에 들어갈 명칭은 방곡령이다.<br>② (가)을/를 시행하기 위해 농광회사를 세웠다.<br>③ (가)은/는 조일 수호 조규 속약에 근거하여 실시하였다.<br>④ 조선은 (가)을/를 통해 일본에게 배상금까지 받아았다.<br>⑤ (가)을/를 시행을 위해 '황성신문' 등 각종 신문에서 호응하였다.`, answer:"①", explain:`(가) 규정은 방곡령이다. 1개월 전 통보 의무 등은 조일통상장정(1883) 제37관에 근거한 것이며, '농광회사 설립을 통해 시행'한다는 설명(②)은 옳지 않다(농광회사는 황무지 개간권 요구에 대응한 단체).`, tip:"방곡령은 조일통상장정 제37관에 근거하며, 시행 후 오히려 일본에 배상금을 지불해야 했던 사례(함경도 방곡령 사건)도 함께 기억해두자."}, {no:"23", area:"move", q:`<p>다음 사료에 나타난 사건에 대한 설명으로 옳은 것을 보기에서 모두 고른 것은? [3.4점]</p>`, src:`국채 1,300만원은 대한 제국의 존망에 직결된 것이라. 갚으면 나라가 존재하고 갚지 못하면 나라가 망하는 것은 필연적 사실이나 …2천만 인민들이 3개월 동안 흡연을 금지하고 그 대금으로 한 사람이 매달 20전씩 거둔다면 1,300만 원을 모을 수 있다.`, choices:`ㄱ. 대구에서 시작된 운동이다.<br>ㄴ. '독립신문' 등 각종 신문의 호응을 얻었다.<br>ㄷ. 일제는 양기탁을 구속하는 등 이 운동을 탄압하였다.<br>ㄹ. 청나라로부터 차관을 들여와 이 운동이 발생하였다.`, answer:"② ㄱ, ㄷ", explain:`사료는 국채보상운동(1907)이다. 대구에서 시작(ㄱ)되었고, 일제가 양기탁을 구속하는 등 탄압(ㄷ)을 가했다. 독립신문(ㄴ)은 이미 1899년 폐간되어 무관하며, 청이 아닌 일본 차관 1,300만원이 문제였으므로 ㄹ도 틀림.`, tip:"국채보상운동: 대구 시작 → 대한매일신보 등 호응 → 일제 탄압(양기탁 구속)으로 좌절, 이라는 흐름을 암기."}, {no:"24", area:"move", q:`<p>(가)에 들어갈 명칭으로 옳은 것은? [2.1점]</p>`, src:`영국인 베델과 양기탁이 발간한 (가)은/는 일본과 동맹 관계에 있던 영국 국적의 베델을 발행인으로 내세워 일본에 저항하고 민족의식을 고취하는 기사를 실을 수 있었다.`, choices:`① 한성순보 ② 독립신문 ③ 제국신문 ④ 황성신문 ⑤ 대한매일신보`, answer:"⑤ 대한매일신보", explain:`(가)=대한매일신보. 영국인 베델을 발행인으로 내세워 일본의 검열을 피하고 항일 논조의 기사를 실을 수 있었다.`, tip:"한성순보(최초)·독립신문(최초 민간·한글)·황성신문(국한문혼용)·대한매일신보(베델, 검열 회피)를 짝지어 암기."}, {no:"서술형1", area:"essay", q:`<p>보기의 조항은 강화도 조약의 내용 중 일부이다. 보기의 조항을 참고하여, 강화도 조약이 불평등한 이유를 두 가지 서술하시오. (각5점, 총10점)</p>`, src:`제1관 조선은 자주국이며 일본국과 평등한 권리를 갖는다.<br>제4관 조선국은 부산 외에도 2개 항구를 개방해 일본국 인민이 통상하게 한다.<br>제7관 일본국 항해자가 수시로 해안을 측량하고 지도를 만들도록 허가한다.<br>제10관 일본국 인민이 조선국이 지정한 각 항구에서 죄를 범했을 경우 모두 일본 관원에게 귀속시켜 조사해 밝힌다. — 강화도 조약 —`, choices:``, answer:"① 해안측량권 허용 ② 영사재판권(치외법권) 허용", explain:`① 해안측량권(제7관): 일본 항해자가 수시로 조선 해안을 측량·지도 제작을 허용 → 군사적 목적으로 악용될 소지가 있는 불평등 조항.<br>② 영사재판권(제10관): 조선 영토 내 일본인의 범죄를 조선 법이 아닌 일본 관원이 재판 → 조선의 사법주권을 침해하는 대표적 불평등 조항.<br>[채점기준] 두 조항을 각각 명시하고 불평등한 이유를 함께 서술(각 5점).`, tip:"불평등조약 서술형은 '조항 내용 + 그것이 가져오는 주권 침해'를 한 세트로 묶어 쓰는 연습을 하자."}, {no:"서술형2", area:"essay", q:`<p>다음은 갑오개혁에 대한 설명이다. 밑줄 친 군국기무처가 설치되었던 시기에 실시된 개혁 내용을 두 가지 서술하시오. (각 5점, 총10점)</p>`, src:`경복궁을 불법으로 점령한 일본의 강요로 김홍집, 유길준 등 개화파 인사를 중심으로 새로운 정부가 수립되었다. 흥선 대원군이 섭정으로 추대되었으나 실질적인 권한은 없었다. 새정부는 군국기무처를 설치하고 여러 개혁 법안을 제정, 공포했다.`, choices:``, answer:"아래 중 서로 다른 두 가지 서술", explain:`궁내부 설치(왕실-정부 사무 분리), 과거제 폐지(새로운 관리임용 절차 마련), 개국기년 사용(청의 연호 대신 자주성 표시), 재정의 탁지아문 일원화, 차별적 신분제·노비제 폐지, 조혼 금지·과부 재가 허용·고문과 연좌제 폐지·도량형 통일 중 두 가지를 서술하면 정답.<br>[채점기준] 서로 다른 두 가지를 정확히 서술하면 각 5점.`, tip:"1차 갑오개혁(군국기무처) 개혁은 정치(왕실-정부 분리, 과거제 폐지)·경제(재정 일원화, 도량형 통일)·사회(신분제 폐지 등) 영역으로 나누어 암기."} ]; let idx = 0; let flipped = false; const card = document.getElementById('card'); const frontFace = document.getElementById('frontFace'); const backFace = document.getElementById('backFace'); const progressFill = document.getElementById('progressFill'); const progressText = document.getElementById('progressText'); const jumpRow = document.getElementById('jumpRow'); function render(){ const item = cards[idx]; const a = AREA[item.area]; frontFace.innerHTML = ` <span class="badge ${a.cls}">${a.label}</span> <div class="qnum">문항 ${item.no}</div> <div class="qtext">${item.q} ${item.src ? '<div class="src">'+item.src+'</div>' : ''} ${item.diagram ? '<div class="diagram">'+item.diagram+'</div>' : ''} ${item.choices ? '<div class="choices">'+item.choices+'</div>' : ''} </div> <div class="hint"> 클릭해서 정답 보기</div> `; backFace.innerHTML = ` <span class="badge ${a.cls}">${a.label} · 정답</span> <div class="answer-line">✅ ${item.answer}</div> <div class="explain">${item.explain}</div> <div class="tip">▶ 시험포인트: ${item.tip}</div> `; card.classList.remove('flipped'); flipped = false; progressFill.style.width = ((idx+1)/cards.length*100) + '%'; progressText.textContent = (idx+1) + ' / ' + cards.length + ' (' + item.no + '번)'; renderJump(); } function renderJump(){ jumpRow.innerHTML = ''; cards.forEach((c,i)=>{ const b = document.createElement('button'); b.className = 'jump-btn' + (i===idx ? ' current' : ''); b.textContent = c.no.replace('서술형','S'); b.onclick = (e)=>{ e.stopPropagation(); idx=i; render(); }; jumpRow.appendChild(b); }); } card.addEventListener('click', ()=>{ flipped = !flipped; card.classList.toggle('flipped', flipped); }); document.getElementById('flipBtn').onclick = ()=>{ flipped = !flipped; card.classList.toggle('flipped', flipped); }; document.getElementById('prevBtn').onclick = ()=>{ idx = (idx - 1 + cards.length) % cards.length; render(); }; document.getElementById('nextBtn').onclick = ()=>{ idx = (idx + 1) % cards.length; render(); }; document.addEventListener('keydown', (e)=>{ if(e.key === 'ArrowLeft') document.getElementById('prevBtn').click(); if(e.key === 'ArrowRight') document.getElementById('nextBtn').click(); if(e.key === ' ') { e.preventDefault(); document.getElementById('flipBtn').click(); } }); render(); </script> </body> </html> 고등영어-1학년/경신고 경신고 기말 team YM https://ymedu.tistory.com/390 https://ymedu.tistory.com/390#entry390comment Tue, 30 Jun 2026 15:15:24 +0900 경신고 과학 기말대비 https://ymedu.tistory.com/389 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>통합과학1 기말고사 카드 퀴즈</title> <style> :root{ --bg1:#6C5CE7; --bg2:#00B894; --bg3:#0984E3; --card-front:#2D3436; --card-back:#2D3436; --accent:#FDCB6E; --accent2:#FF7675; --accent3:#74B9FF; --text:#2D3436; --muted:#636E72; --white:#fff; } *{box-sizing:border-box;} body{ margin:0; font-family:'Malgun Gothic','맑은 고딕',sans-serif; background:linear-gradient(135deg,#6C5CE7 0%, #0984E3 50%, #00B894 100%); min-height:100vh; display:flex; flex-direction:column; align-items:center; padding:24px 12px 60px; } h1{color:#fff; font-size:22px; margin:6px 0 2px; text-align:center; text-shadow:0 2px 6px rgba(0,0,0,.25);} .sub{color:#eef; font-size:13px; margin-bottom:16px; opacity:.9;} .progress-wrap{width:100%; max-width:480px; margin-bottom:14px;} .progress-bar{height:8px; background:rgba(255,255,255,.3); border-radius:8px; overflow:hidden;} .progress-fill{height:100%; background:linear-gradient(90deg,#FDCB6E,#FF7675); width:4.3%; transition:width .3s;} .progress-text{color:#fff; font-size:12px; text-align:center; margin-top:6px;} .scene{ width:100%; max-width:480px; height:520px; perspective:1600px; } .card{ width:100%; height:100%; position:relative; transform-style:preserve-3d; transition:transform .6s cubic-bezier(.4,.2,.2,1); cursor:pointer; } .card.flipped{ transform:rotateY(180deg); } .face{ position:absolute; inset:0; backface-visibility:hidden; border-radius:20px; padding:26px 24px; overflow-y:auto; box-shadow:0 14px 30px rgba(0,0,0,.3); display:flex; flex-direction:column; } .front{ background:linear-gradient(160deg,#2D3436,#34495E); color:#fff; } .back{ background:linear-gradient(160deg,#1e3a5f,#16213e); color:#fff; transform:rotateY(180deg); } .badge{ display:inline-block; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:bold; background:var(--accent); color:#2D3436; margin-bottom:10px; width:fit-content; } .badge.area-mech{ background:#FF7675; color:#fff; } .badge.area-cell{ background:#00CEC9; color:#1b2b34; } .badge.area-earth{ background:#74B9FF; color:#1b2b34; } .badge.area-essay{ background:#FDCB6E; color:#2D3436; } .qnum{ font-size:14px; opacity:.8; margin-bottom:6px; } .qtext{ font-size:16px; line-height:1.6; flex:1; } .qtext p{ margin:6px 0; } .diagram{ background:rgba(255,255,255,.06); border-radius:12px; padding:6px; margin:8px 0; } .diagram svg{ width:100%; height:auto; display:block; } .choices{ margin-top:10px; font-size:14px; line-height:1.9; color:#dfe6e9;} .hint{ margin-top:auto; font-size:12px; color:#b2bec3; text-align:center; padding-top:10px;} .answer-line{ font-size:18px; font-weight:bold; color:#FDCB6E; margin-bottom:10px; padding:8px 12px; background:rgba(255,255,255,.08); border-radius:10px; } .explain{ font-size:14.5px; line-height:1.7; color:#ecf0f1; flex:1; } .explain b{ color:#74B9FF; } .tip{ margin-top:10px; font-size:13px; background:rgba(253,203,110,.15); border-left:4px solid #FDCB6E; padding:8px 10px; border-radius:6px; color:#ffeaa7; } .controls{ display:flex; gap:10px; margin-top:18px; align-items:center; } button{ border:none; border-radius:12px; padding:12px 18px; font-size:14px; font-weight:bold; cursor:pointer; transition:transform .15s, box-shadow .15s; box-shadow:0 4px 10px rgba(0,0,0,.2); } button:active{ transform:scale(.95); } .btn-nav{ background:#fff; color:#2D3436; } .btn-flip{ background:linear-gradient(90deg,#FF7675,#FDCB6E); color:#2D3436; padding:12px 26px;} .btn-jump{ background:rgba(255,255,255,.85); color:#2D3436; } .jump-row{ display:flex; flex-wrap:wrap; gap:6px; max-width:480px; justify-content:center; margin-top:18px; } .jump-btn{ width:34px; height:34px; border-radius:50%; font-size:12px; padding:0; background:rgba(255,255,255,.25); color:#fff; border:1px solid rgba(255,255,255,.4); } .jump-btn.done{ background:#00B894; border-color:#00B894;} .jump-btn.current{ background:#FDCB6E; color:#2D3436; border-color:#FDCB6E; transform:scale(1.15);} .area-title{ color:#fff; font-size:13px; opacity:.85; margin-top:4px;} </style> </head> <body> <h1> 통합과학1 기말고사 카드 퀴즈</h1> <div class="sub">카드를 클릭하면 뒤집혀서 정답과 해설을 볼 수 있어요</div> <div class="progress-wrap"> <div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div> <div class="progress-text" id="progressText">1 / 23</div> </div> <div class="scene"> <div class="card" id="card"> <div class="face front" id="frontFace"></div> <div class="face back" id="backFace"></div> </div> </div> <div class="controls"> <button class="btn-nav" id="prevBtn">◀ 이전</button> <button class="btn-flip" id="flipBtn"> 뒤집기</button> <button class="btn-nav" id="nextBtn">다음 ▶</button> </div> <div class="jump-row" id="jumpRow"></div> <script> const AREA = { mech: { label: "역학", cls: "area-mech" }, cell: { label: "세포·물질대사", cls: "area-cell" }, earth: { label: "지구시스템", cls: "area-earth" }, essay: { label: "서술형", cls: "area-essay" } }; const cards = [ {no:"1", area:"mech", q:`<p>그래프는 직선상에서 운동하는 물체의 위치를 시간에 따라 나타낸 것이다.</p><p>0부터 2t까지 물체의 운동에 대한 설명으로 옳은 것만을 보기에서 고르시오. [4.2점]</p>`, diagram:`<svg viewBox="0 0 320 220" xmlns="http://www.w3.org/2000/svg"> <line x1="50" y1="190" x2="300" y2="190" stroke="#dfe6e9" stroke-width="2"/> <line x1="50" y1="190" x2="50" y2="20" stroke="#dfe6e9" stroke-width="2"/> <polyline points="50,190 150,40 270,110" fill="none" stroke="#FDCB6E" stroke-width="3"/> <line x1="150" y1="190" x2="150" y2="40" stroke="#636e72" stroke-width="1" stroke-dasharray="3,3"/> <line x1="270" y1="190" x2="270" y2="110" stroke="#636e72" stroke-width="1" stroke-dasharray="3,3"/> <line x1="40" y1="40" x2="50" y2="40" stroke="#dfe6e9"/> <line x1="40" y1="110" x2="50" y2="110" stroke="#dfe6e9"/> <text x="20" y="44" fill="#fff" font-size="13">2d</text> <text x="28" y="114" fill="#fff" font-size="13">d</text> <text x="146" y="206" fill="#fff" font-size="13">t</text> <text x="262" y="206" fill="#fff" font-size="13">2t</text> <text x="300" y="206" fill="#fff" font-size="12">시간</text> <text x="18" y="16" fill="#fff" font-size="12">위치</text> </svg>`, choices:`ㄱ. 이동 거리는 2d이다.<br>ㄴ. 변위의 크기는 d이다.<br>ㄷ. 평균 속력은 2d/3t이다.`, answer:"② ㄴ", explain:`이동거리 = (0→2d) + (2d→d) = <b>3d</b> (ㄱ 틀림)<br>변위 = 나중위치(d) − 처음위치(0) = <b>d</b> (ㄴ 맞음)<br>평균속력 = 이동거리/시간 = <b>3d/2t</b> (ㄷ 틀림)`, tip:"이동거리와 변위를 구분! 그래프가 꺾이는 지점마다 구간을 나눠 계산하자."}, {no:"2", area:"mech", q:`<p>그림은 공기 저항과 마찰을 고려하지 않은 물체의 운동 A, B, C, D를 속력의 변화와 운동 방향의 변화에 따라 분류한 순서도이다. (등속 원운동, 등속도 운동, 수평 방향으로 던진 물체의 운동, 자유 낙하 운동 중 하나)</p><p>이에 대한 설명으로 옳지 <u>않은</u> 것은? [4.1점]</p>`, diagram:`<svg viewBox="0 0 320 230" xmlns="http://www.w3.org/2000/svg"> <rect x="90" y="10" width="140" height="30" rx="8" fill="#34495e" stroke="#dfe6e9"/> <text x="100" y="30" fill="#fff" font-size="11">A,B,C,D</text> <text x="155" y="55" fill="#FDCB6E" font-size="11">속력 변하나?</text> <line x1="160" y1="40" x2="100" y2="75" stroke="#dfe6e9"/> <line x1="160" y1="40" x2="220" y2="75" stroke="#dfe6e9"/> <text x="105" y="68" fill="#fff" font-size="10">아니오</text> <text x="215" y="68" fill="#fff" font-size="10">예</text> <rect x="55" y="75" width="100" height="28" rx="8" fill="#00CEC9"/> <text x="65" y="93" fill="#1b2b34" font-size="10">방향 변하나?</text> <rect x="175" y="75" width="100" height="28" rx="8" fill="#00CEC9"/> <text x="185" y="93" fill="#1b2b34" font-size="10">방향 변하나?</text> <line x1="80" y1="103" x2="50" y2="140" stroke="#dfe6e9"/> <line x1="130" y1="103" x2="150" y2="140" stroke="#dfe6e9"/> <line x1="200" y1="103" x2="180" y2="140" stroke="#dfe6e9"/> <line x1="250" y1="103" x2="270" y2="140" stroke="#dfe6e9"/> <text x="35" y="120" fill="#fff" font-size="9">아니오</text> <text x="125" y="120" fill="#fff" font-size="9">예</text> <text x="155" y="120" fill="#fff" font-size="9">아니오</text> <text x="255" y="120" fill="#fff" font-size="9">예</text> <rect x="20" y="140" width="60" height="28" rx="8" fill="#FF7675"/><text x="42" y="158" fill="#fff" font-size="14" font-weight="bold">A</text> <rect x="120" y="140" width="60" height="28" rx="8" fill="#FF7675"/><text x="142" y="158" fill="#fff" font-size="14" font-weight="bold">B</text> <rect x="150" y="140" width="60" height="28" rx="8" fill="#FDCB6E"/><text x="172" y="158" fill="#1b2b34" font-size="14" font-weight="bold">C</text> <rect x="250" y="140" width="60" height="28" rx="8" fill="#FDCB6E"/><text x="272" y="158" fill="#1b2b34" font-size="14" font-weight="bold">D</text> </svg>`, choices:`① A는 일정한 속력으로 직선 경로를 따라 이동<br>② B는 등속 원운동<br>③ C는 연직 아래 방향으로 중력이 일정하게 증가하는 운동<br>④ D는 수평 방향으로 등속도 운동을 함<br>⑤ 연직 아래로 등가속도 직선운동을 하는 것은 C, D의 공통 특징`, answer:"③", explain:`A: 속력·방향 불변 → 등속 직선운동<br>B: 속력 불변, 방향 변화 → 등속 원운동<br>C: 속력·방향 변화 → 수평 투사 운동<br>D: 속력 변화, 방향 불변 → 자유낙하<br>③에서 '중력이 일정하게 증가'가 틀림 — <b>중력(중력가속도)은 항상 일정</b>하며, 속력이 증가하는 것이지 힘이 커지는 게 아니다.`, tip:"자유낙하·포물선 운동에서 '힘은 일정, 속력만 증가'를 명확히 구분하자."}, {no:"3", area:"mech", q:`<p>다음은 수평으로 던진 물체의 운동에 대한 실험이다. 쇠구슬 발사 장치 2개로 A,B를 동시 발사하고 경로를 기록, B를 C로 바꿔 다시 발사.</p><p>실험 결과 그래프 해석으로 옳은 것만을 보기에서 고르시오. [4.5점]</p>`, diagram:`<svg viewBox="0 0 320 220" xmlns="http://www.w3.org/2000/svg"> <line x1="40" y1="200" x2="300" y2="200" stroke="#dfe6e9" stroke-width="2"/> <text x="20" y="80" fill="#fff" font-size="11">A발사</text> <text x="20" y="140" fill="#fff" font-size="11">B,C발사</text> <path d="M50,80 Q150,90 270,200" fill="none" stroke="#74B9FF" stroke-width="3"/> <path d="M50,140 Q140,150 230,200" fill="none" stroke="#FF7675" stroke-width="3"/> <text x="255" y="215" fill="#fff" font-size="11">C</text> <text x="265" y="215" fill="#fff" font-size="11">A,B</text> <text x="300" y="215" fill="#fff" font-size="11">수평면</text> </svg>`, choices:`ㄱ. A는 B보다 수평면에 늦게 도달한다.<br>ㄴ. 발사된 순간, A와 B의 수평 방향 속력은 같다.<br>ㄷ. B, C가 각각 수평면에 도달한 순간, 연직 방향 속력은 같다.`, answer:"③ ㄱ, ㄷ", explain:`A는 B,C보다 더 높은 위치에서 발사되어 낙하시간이 길기 때문에 <b>A가 B보다 늦게 도달</b>한다(ㄱ 맞음). 그런데 A와 B는 같은 지점에 도달하는 것으로 나타나 있는데, A의 낙하시간이 더 긴데도 같은 수평거리를 이동했으므로 <b>A의 수평 속력은 B보다 작아야</b> 한다 → '수평 속력이 같다'는 ㄴ은 틀림. B,C는 같은 높이에서 발사되어 낙하시간이 같으므로 도달 순간 연직 방향 속력도 같다(ㄷ 맞음).</br>`, tip:"수평투사 운동은 수평·연직을 분리해서 분석! 수평=발사속력에만 의존, 연직=낙하높이에만 의존."}, {no:"4", area:"mech", q:`<p>(가)는 마찰이 없는 수평면에서 질량 3kg(6m/s), 4kg(3m/s)인 물체 A, B가 동속도로 운동하는 모습. (나)는 충돌하는 동안 A가 B에 작용한 힘-시간 그래프(넓이=I). 충돌 후 방향 동일, B 속력은 A의 3배.</p><p>옳은 것만을 보기에서 고르시오. [4.4점]</p>`, diagram:`<svg viewBox="0 0 320 200" xmlns="http://www.w3.org/2000/svg"> <rect x="40" y="60" width="50" height="35" rx="4" fill="#74B9FF"/> <text x="55" y="82" fill="#1b2b34" font-size="12" font-weight="bold">A 3kg</text> <text x="40" y="50" fill="#fff" font-size="11">6m/s →</text> <rect x="130" y="60" width="55" height="35" rx="4" fill="#FF7675"/> <text x="143" y="82" fill="#1b2b34" font-size="12" font-weight="bold">B 4kg</text> <text x="130" y="50" fill="#fff" font-size="11">3m/s →</text> <line x1="40" y1="180" x2="280" y2="180" stroke="#dfe6e9" stroke-width="2"/> <line x1="220" y1="180" x2="220" y2="115" stroke="#dfe6e9" stroke-width="2"/> <path d="M220,180 Q245,118 270,180" fill="rgba(253,203,110,.3)" stroke="#FDCB6E" stroke-width="3"/> <text x="230" y="110" fill="#fff" font-size="12">힘(I=넓이)</text> <text x="280" y="195" fill="#fff" font-size="11">시간</text> </svg>`, choices:`ㄱ. 충돌 후 B의 속력은 3m/s이다.<br>ㄴ. A의 운동량 크기는 충돌 전이 충돌 후의 3배이다.<br>ㄷ. I = 12N·s이다.`, answer:"④ ㄴ, ㄷ", explain:`운동량보존: 3(6)+4(3)=3v_A+4(3v_A) → 30=15v_A → <b>v_A=2, v_B=6m/s</b> (ㄱ 틀림)<br>충돌 전 A운동량=18, 충돌 후=6 → 18:6=3:1 (<b>ㄴ 맞음</b>)<br>I = A의 운동량변화량 = |18−6| = <b>12N·s</b> (ㄷ 맞음)`, tip:"운동량 보존식은 방향(부호)을 꼭 표시! 충격량=운동량 변화량이라는 관계를 바로 연결하자."}, {no:"5", area:"mech", q:`<p>탑승자의 안전을 위해 자동차 앞·뒷부분에 잘 구겨지도록 지그재그 모양의 ㉠크럼플존을 만든다. 그래프는 ㉡크럼플존이 잘 작동하는 차와 그렇지 않은 차의 힘-시간 그래프.</p><p>옳은 것만을 보기에서 고르시오. [3.5점]</p>`, diagram:`<svg viewBox="0 0 320 200" xmlns="http://www.w3.org/2000/svg"> <line x1="40" y1="180" x2="290" y2="180" stroke="#dfe6e9" stroke-width="2"/> <line x1="40" y1="180" x2="40" y2="20" stroke="#dfe6e9" stroke-width="2"/> <path d="M40,180 L70,40 L100,180" fill="none" stroke="#FF7675" stroke-width="3"/> <text x="62" y="32" fill="#FF7675" font-size="13" font-weight="bold">A</text> <path d="M40,180 Q150,90 280,178" fill="none" stroke="#74B9FF" stroke-width="3"/> <text x="190" y="115" fill="#74B9FF" font-size="13" font-weight="bold">B</text> <text x="10" y="16" fill="#fff" font-size="12">힘</text> <text x="290" y="196" fill="#fff" font-size="12">시간</text> </svg>`, choices:`ㄱ. ㉠은 충돌하는 동안 탑승자가 받는 평균 힘을 감소시킨다.<br>ㄴ. ㉡에 해당하는 그래프는 A이다.<br>ㄷ. 충격량의 크기는 B에서가 A에서보다 작다.`, answer:"① ㄱ", explain:`크럼플존은 충돌 <b>시간을 늘려</b> 평균 힘을 줄이는 안전장치(ㄱ 맞음). 잘 작동하는 차는 힘이 작고 넓게 퍼진 그래프 <b>B</b>이므로 ㄴ(A) 틀림. 충격량(넓이)은 질량·속도변화가 같으면 동일하므로 ㄷ도 틀림.`, tip:"충격량(넓이)은 같아도, 시간을 늘리면 힘의 최댓값(높이)은 작아진다 — 에어백·안전벨트도 같은 원리!"}, {no:"6", area:"mech", q:`<p>(가)는 물체 A(2m, 4v)가 정지한 B(3m)를 향해 운동하는 모습, (나)는 충돌 후 A가 반대 방향 v로, B가 같은 방향으로 운동하는 모습이다.</p><p>충돌 후 B의 속력은? [3.7점]</p>`, diagram:`<svg viewBox="0 0 320 140" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="20" fill="#fff" font-size="11">(가)</text> <rect x="40" y="25" width="45" height="30" rx="5" fill="#74B9FF"/><text x="55" y="45" fill="#1b2b34" font-size="10">2m</text> <text x="40" y="20" fill="#fff" font-size="10">4v →</text> <rect x="150" y="25" width="45" height="30" rx="5" fill="#FF7675"/><text x="165" y="45" fill="#fff" font-size="10">3m</text> <text x="150" y="20" fill="#fff" font-size="10">정지</text> <text x="10" y="90" fill="#fff" font-size="11">(나)</text> <rect x="40" y="95" width="45" height="30" rx="5" fill="#74B9FF"/><text x="55" y="115" fill="#1b2b34" font-size="10">2m</text> <text x="20" y="90" fill="#fff" font-size="10">← v</text> <rect x="180" y="95" width="45" height="30" rx="5" fill="#FF7675"/><text x="195" y="115" fill="#fff" font-size="10">3m</text> <text x="230" y="90" fill="#fff" font-size="10">v_B →</text> </svg>`, choices:`① 2v ② 10/3 v ③ 5/2 v ④ 3v ⑤ 7/2 v`, answer:"② 10/3 v", explain:`운동량 보존: 2m(4v) = 2m(−v) + 3m·v_B<br>8mv + 2mv = 3m·v_B → <b>v_B = (10/3)v</b>`, tip:"충돌 후 반대 방향으로 튕긴 물체는 속도에 (−) 부호를 붙이는 것을 잊지 말자."}, {no:"7", area:"mech", q:`<p>(문제 6과 동일 상황) 충돌하는 동안 A가 받은 충격량의 크기는? [3.6점]</p>`, choices:`① 6mv ② 7mv ③ 8mv ④ 9mv ⑤ 10mv`, answer:"⑤ 10mv", explain:`A가 받은 충격량 = A의 운동량 변화량<br>= |충돌 후 A운동량 − 충돌 전 A운동량| = |2m(−v) − 2m(4v)| = |−2mv−8mv| = <b>10mv</b>`, tip:"A가 받은 충격량은 작용·반작용 법칙에 의해 B가 받은 충격량과 크기가 같고 방향이 반대다."}, {no:"8", area:"cell", q:`<p>그림은 어떤 동물 세포의 구조를 나타낸 것이다. A~C는 각각 핵, 라이보솜, 마이토콘드리아 중 하나이다.</p><p>옳은 것만을 보기에서 고르시오. [3.5점]</p>`, choices:`ㄱ. A는 유전정보를 저장하는 DNA가 들어 있다.<br>ㄴ. B는 유전정보에 따라 단백질을 합성한다.<br>ㄷ. C에서 세포호흡이 일어난다.`, answer:"⑤ ㄱ, ㄴ, ㄷ", explain:`A=핵(DNA 저장), B=리보솜(단백질 합성), C=마이토콘드리아(세포호흡). ㄱ, ㄴ, ㄷ 모두 맞는 설명.`, tip:"핵=유전정보, 리보솜=단백질 합성, 미토콘드리아=세포호흡(ATP 생성)을 1:1로 암기!"}, {no:"9", area:"cell", q:`<p>그림은 세포막을 통한 물질의 이동 방식을 나타낸 것이다(인지질 2중층과 ㉠ 단백질).</p><p>옳은 것만을 보기에서 고르시오. [4.2점]</p>`, choices:`ㄱ. ㉠은 지질에 인산이 결합되어 있는 물질이다.<br>ㄴ. ㉠은 소수성 부분이 바깥쪽을 향하고 있다.<br>ㄷ. 아미노산은 인지질 2중층을 통해 확산된다.`, answer:"① ㄱ", explain:`㉠은 인지질이다. 인지질은 인산(머리)이 지방산(꼬리)에 결합된 구조이다(<b>ㄱ 맞음</b>). 그러나 소수성 부분(지방산 꼬리)은 막의 <b>안쪽</b>을 향하므로 ㄴ은 틀림. 아미노산은 극성을 띠는 분자라 인지질 2중층을 직접 통과하지 못하고 막단백질의 도움이 필요하므로 ㄷ도 틀림.`, tip:"인지질 2중층 구조(머리=친수성=바깥, 꼬리=소수성=안쪽)는 그림으로 그려서 외우자."}, {no:"10", area:"cell", q:`<p>그림 (가)와 (나)는 각각 양파 표피세포에 증류수와 설탕물을 떨어뜨린 뒤 현미경으로 관찰한 결과이다.</p><p>옳은 것만을 보기에서 고르시오. [3.6점]</p>`, choices:`ㄱ. (가)의 표피세포에서는 세포막을 통한 물의 이동이 없다.<br>ㄴ. (나)에서 떨어뜨린 설탕물의 농도는 세포 내부보다 크다.<br>ㄷ. (나)에서 (세포외부로 나가는 물의 양 ÷ 세포내부로 들어오는 물의 양)의 값은 1보다 작다.`, answer:"② ㄴ", explain:`(가) 증류수(저장액)→삼투로 물이 세포 안으로 들어오므로 물의 이동이 있음(<b>ㄱ 틀림</b>). (나) 설탕물(고장액)에 의해 원형질분리가 일어났다는 것은 떨어뜨린 설탕물의 농도가 세포 내부보다 컸다는 의미(<b>ㄴ 맞음</b>). 고장액 환경에서는 세포 밖으로 나가는 물이 안으로 들어오는 물보다 많으므로 그 비율은 1보다 커야 하는데, 보기는 '1보다 작다'고 했으므로 <b>ㄷ 틀림</b>.`, tip:"저장액·고장액·등장액에서 물의 이동 방향은 항상 '농도 낮은 쪽 → 높은 쪽'으로 암기."}, {no:"11", area:"cell", q:`<p>세포막으로 분리된 U자관에 농도가 다른 설탕 용액 A, B를 같은 높이로 넣고 시간이 지나 평형에 도달했더니 B쪽 수면이 올라갔다.</p><p>옳은 것만을 보기에서 고르시오. [4.3점]</p>`, choices:`ㄱ. 농도는 A가 B보다 작다.<br>ㄴ. 설탕 용액 A에서 B쪽으로 설탕 분자가 이동한다.<br>ㄷ. 용매(물) 분자는 B에서 A쪽으로만 이동한다.`, answer:"① ㄱ", explain:`B쪽 수면 상승 = 물이 A에서 B로 이동했다는 의미 = B의 농도가 A보다 높음, 즉 <b>농도는 A가 B보다 작다</b>(ㄱ 맞음). 용질(설탕)은 고농도(B)에서 저농도(A)로 확산되므로 'A에서 B로 이동'이라는 ㄴ은 방향이 반대라 틀림. 용매(물)는 저농도(A)에서 고농도(B)로 이동하므로 'B에서 A로 이동한다'는 ㄷ도 방향이 반대라 틀림.`, tip:"삼투(물의 이동)와 확산(용질의 이동)은 방향이 반대! 헷갈리지 말 것."}, {no:"12", area:"cell", q:`<p>그림은 사람에서 일어나는 물질대사 (가)와 (나)를 나타낸 것이다.<br>(가) 아미노산 → 단백질<br>(나) 포도당, O₂ → CO₂, H₂O</p><p>옳은 것만을 보기에서 고르시오. [4점]</p>`, choices:`ㄱ. (가)는 이화 작용이다.<br>ㄴ. (나)는 에너지를 방출하며 반응이 일어난다.<br>ㄷ. (가), (나) 모두 효소가 관여한다.`, answer:"④ ㄴ, ㄷ", explain:`(가) 아미노산→단백질은 작은 분자가 큰 분자로 합성되는 <b>동화작용</b>이므로 '이화작용'이라는 ㄱ은 틀림. (나) 세포호흡은 에너지를 방출하는 반응이다(<b>ㄴ 맞음</b>). 동화작용·이화작용 모두 효소가 관여한다(<b>ㄷ 맞음</b>).`, tip:"동화작용(흡열, 작은→큰 분자) ↔ 이화작용(발열, 큰→작은 분자). 광합성=동화 / 세포호흡=이화로 짝지어 암기."}, {no:"13", area:"cell", q:`<p>그림은 생체촉매(효소)가 있을 때와 없을 때의 화학 반응 경로에 따른 에너지 변화를 나타낸 것이다(A, B, C, D 표시).</p><p>옳은 것만을 보기에서 고르시오. [4.3점]</p>`, diagram:`<svg viewBox="0 0 320 210" xmlns="http://www.w3.org/2000/svg"> <line x1="40" y1="190" x2="290" y2="190" stroke="#dfe6e9" stroke-width="2"/> <line x1="40" y1="190" x2="40" y2="20" stroke="#dfe6e9" stroke-width="2"/> <path d="M40,150 Q150,15 260,140" fill="none" stroke="#FF7675" stroke-width="3"/> <path d="M40,150 Q150,60 260,140" fill="none" stroke="#74B9FF" stroke-width="3"/> <line x1="150" y1="190" x2="150" y2="60" stroke="#636e72" stroke-dasharray="3,3"/> <text x="155" y="40" fill="#FF7675" font-size="11">C</text> <text x="155" y="80" fill="#74B9FF" font-size="11">A</text> <text x="155" y="105" fill="#FDCB6E" font-size="11">B</text> <text x="20" y="155" fill="#fff" font-size="11">반응물</text> <text x="240" y="155" fill="#fff" font-size="11">생성물</text> <text x="100" y="200" fill="#fff" font-size="11">반응의 진행</text> <text x="6" y="16" fill="#fff" font-size="11">에너지</text> </svg>`, choices:`ㄱ. 반응물의 에너지가 생성물의 에너지보다 크다.<br>ㄴ. 효소가 있을 때의 활성화 에너지는 A이다.<br>ㄷ. 반응열은 효소의 유무와 관계없이 일정하다.`, answer:"③ ㄱ, ㄷ", explain:`그래프는 발열 반응으로, 반응물의 에너지가 생성물의 에너지보다 큼(<b>ㄱ 맞음</b>). 반응열(반응물-생성물의 에너지 차)은 효소의 유무와 관계없이 항상 일정함(<b>ㄷ 맞음</b>). 효소가 있을 때의 활성화 에너지를 가리키는 구간 표시는 그림상 A가 아니므로 <b>ㄴ 틀림</b>(정답표 기준).`, tip:"'활성화에너지를 낮춘다' ≠ '반응열을 바꾼다'. 효소는 속도만 변화, 반응열은 절대 불변!"}, {no:"14", area:"earth", q:`<p>그림은 지구시스템을 구성하는 권역 간의 상호작용을, 표는 상호작용 A~C의 예를 나타낸 것이다. I과 II는 각각 기권, 수권 중 하나이다.<br>A: 바람에 의해 해류가 발생<br>B: 육상 식물이 ㉠광합성 과정에서 대기 중 이산화탄소를 흡수</p><p>옳은 것만을 보기에서 고르시오. [3.8점]</p>`, choices:`ㄱ. I은 수권이다.<br>ㄴ. ㉠은 II의 탄소량을 증가시키는 요인이다.<br>ㄷ. '지진에 의해 해일이 발생한다'는 C에 해당한다.`, answer:"④ ㄴ, ㄷ", explain:`I=기권, II=생물권으로 판단되어 <b>ㄱ('I은 수권') 틀림</b>. ㉠(광합성)은 대기 중 이산화탄소를 흡수해 유기물로 합성하므로 II(생물권)의 탄소량을 <b>증가</b>시키는 요인이다(<b>ㄴ 맞음</b>). '지진에 의해 해일이 발생한다'는 지권-수권 상호작용(C)에 해당한다(<b>ㄷ 맞음</b>).`, tip:"권역 간 상호작용은 '무엇이 무엇에 영향을 주는가' 화살표 방향을 정확히 따라가는 것이 핵심."}, {no:"15", area:"earth", q:`<p>그림은 지구시스템에서 일어나는 탄소 순환의 일부를 나타낸 것이다. (광합성, 호흡, 화석연료 연소(A), 용해(B), 방출)</p><p>옳은 것만을 보기에서 고르시오. [3.6점]</p>`, choices:`ㄱ. A 과정은 지구 온난화의 원인이다.<br>ㄴ. B를 통해 이동한 탄소의 일부는 탄산 이온이 된다.<br>ㄷ. 탄소가 순환할 때 에너지의 흐름은 일어나지 않는다.`, answer:"③ ㄱ, ㄷ", explain:`A(화석연료 연소)는 대기 중 CO₂를 방출하여 <b>지구온난화의 원인</b>이 된다(ㄱ 맞음). 탄소가 순환하는 과정 자체는 물질의 이동이며, 별도의 에너지 흐름을 동반하지 않는 것으로 본다(ㄷ 맞음). B(용해)로 이동한 탄소가 탄산 이온이 된다는 ㄴ은 정답표 기준 틀린 설명으로 처리된다.`, tip:"탄소 순환은 물질의 이동이지만, 생명활동(광합성·호흡)이 함께 일어나므로 에너지 흐름도 동반된다."}, {no:"16", area:"earth", q:`<p>그림은 판의 경계에 위치한 지점 A~C를 나타낸 것이다(유라시아판·태평양판·북아메리카판·나스카판·남아메리카판·인도-오스트레일리아판).</p><p>옳은 것만을 보기에서 고르시오. [4.5점]</p>`, choices:`ㄱ. A에서 해양판이 소멸한다.<br>ㄴ. B에서 천발지진이 일어난다.<br>ㄷ. C의 하부에서 맨틀 대류가 상승한다.`, answer:"⑤ ㄱ, ㄴ, ㄷ", explain:`A: 해양판 섭입·소멸(ㄱ). B: 변환단층 부근 천발지진(ㄴ). C: 발산경계, 맨틀 대류 상승(ㄷ). 모두 맞음.`, tip:"판 경계 지도 문제는 화살표 방향(멀어짐=발산, 가까워짐=수렴, 어긋남=보존)을 먼저 파악하자."}, {no:"17", area:"earth", q:`<p>그림은 해수의 깊이에 따른 수온 변화를 나타낸 것이다(A, B, C 구간).</p><p>옳은 것만을 보기에서 고르시오. [4.4점]</p>`, diagram:`<svg viewBox="0 0 320 220" xmlns="http://www.w3.org/2000/svg"> <line x1="100" y1="20" x2="100" y2="200" stroke="#dfe6e9" stroke-width="2"/> <line x1="40" y1="20" x2="280" y2="20" stroke="#dfe6e9" stroke-width="2"/> <path d="M260,20 L260,55 L120,140 L110,200" fill="none" stroke="#74B9FF" stroke-width="3"/> <text x="262" y="30" fill="#74B9FF" font-size="12">A</text> <text x="180" y="100" fill="#FDCB6E" font-size="12">B</text> <text x="95" y="180" fill="#FF7675" font-size="12">C</text> <text x="270" y="14" fill="#fff" font-size="11">수온</text> <text x="60" y="215" fill="#fff" font-size="11">깊이↓</text> </svg>`, choices:`ㄱ. A층은 혼합층으로 중위도에서 가장 두껍게 형성된다.<br>ㄴ. B층은 수온약층으로 상하 물질교환이 활발하게 이루어진다.<br>ㄷ. A와 C가 수온이 일정한 이유는 동일하다.`, answer:"① ㄱ", explain:`A층(혼합층): 바람이 강한 중위도에서 가장 두껍게 형성(ㄱ 맞음). B층(수온약층)은 밀도차로 안정해 상하 물질교환이 <b>활발하지 않음</b>(ㄴ 틀림). A와 C(심해층)는 둘 다 수온이 일정하지만 이유가 다름(A=가열+혼합, C=태양에너지 거의 도달 안 함) → ㄷ 틀림.`, tip:"혼합층-수온약층-심해층은 깊이별 온도변화 기울기로 즉시 구분! 수온약층=‘안정층’ 키워드로 기억."}, {no:"18", area:"earth", q:`<p>그림은 지구시스템에서 일어나는 물의 순환을 나타낸 것이다. (단위: ×10³km³/년, 해양 증발320·강수284, 육지 증발60·강수96, A로 표시된 흐름)</p><p>옳은 것만을 보기에서 고르시오. [4.2점]</p>`, choices:`ㄱ. 해양에서는 강수량이 증발량보다 많다.<br>ㄴ. A에 의해 수권이 지권을 변화시킨다.<br>ㄷ. 지구 전체에서의 총 증발량과 총 강수량은 같다.`, answer:"④ ㄴ, ㄷ", explain:`해양에서는 증발(320)이 강수(284)보다 많으므로 '해양에서 강수량이 증발량보다 많다'는 <b>ㄱ 틀림</b>. A(지하수→하천수 등의 흐름)에 의해 수권이 지권을 침식 등으로 변화시킨다(<b>ㄴ 맞음</b>). 지구 전체의 총증발량(380)과 총강수량(380)은 같다(<b>ㄷ 맞음</b>).`, tip:"숫자를 영역별로 더해 비교! 지구 전체는 증발=강수이지만 해양/육지는 다르다는 점 기억."}, {no:"19", area:"earth", q:`<p>그림은 지구 시스템의 에너지원을 나타낸 것이다.<br>태양 에너지 1.7×10¹⁷W, 조력 에너지 2.7×10¹²W, 지구 내부 에너지 4.4×10¹³W</p><p>옳은 것만을 보기에서 고르시오. [3.7점]</p>`, choices:`ㄱ. 화산 분출은 지구 내부 에너지에 의해 일어난다.<br>ㄴ. 조력 에너지는 해안 지형의 변화를 일으키고 생태계에 영향을 준다.<br>ㄷ. 에너지원의 크기는 태양 에너지 > 지구 내부 에너지 > 조력 에너지 순이다.`, answer:"⑤ ㄱ, ㄴ, ㄷ", explain:`화산=지구내부에너지(ㄱ). 조력에너지=해안지형 변화 및 생태계 영향(ㄴ). 크기순: 태양>지구내부>조력(ㄷ). 모두 맞음.`, tip:"지구시스템 3대 에너지원의 크기 순서(태양>지구내부>조력)는 숫자와 함께 통째로 암기!"}, {no:"20", area:"earth", q:`<p>그림 (가)~(다)는 서로 다른 판의 경계를 모식적으로 나타낸 것이다.<br>(가) 해양판-해양판 (나) 해양판-대륙판 (다) 대륙판-대륙판</p><p>(가)~(다)에서 공통으로 일어나는 지각 변동을 보기에서 고르시오. [3.9점]</p>`, choices:`ㄱ. 천발 지진<br>ㄴ. 화산 활동<br>ㄷ. 습곡 산맥 형성`, answer:"③ ㄱ, ㄴ", explain:`(가)~(다)는 모두 판이 서로 가까워지는 수렴형 경계이다. 판이 섭입 또는 충돌하는 과정에서 <b>천발지진(ㄱ)</b>과 <b>화산 활동(ㄴ)</b>이 공통적으로 나타난다. 습곡 산맥 형성은 대륙판-대륙판이 충돌하는 (다)에서만 뚜렷하게 나타나므로 공통점으로 보기 어렵다(ㄷ 틀림).`, tip:"판 경계 유형별로 '공통으로 나타나는 것'과 '특정 경계에서만 나타나는 것'을 표로 정리해두자."}, {no:"서술형1", area:"essay", q:`<p>다음은 과산화수소를 분해하는 효소인 카탈레이스에 의한 반응을 나타낸 것이다.<br>과산화수소 →(카탈레이스)→ 물 + ㉠</p><p>㉠에 해당하는 물질을 쓰고, 효소의 역할을 서술하시오. (단, 효소의 역할은 '활성화 에너지', '반응 속도'와 관련하여 서술할 것) [7점]</p>`, choices:``, answer:"㉠ = 산소(O₂)", explain:`효소의 역할: 카탈레이스와 같은 효소는 <b>활성화 에너지를 낮추어</b> 반응이 더 쉽게 일어나게 함으로써 <b>반응 속도를 증가</b>시킨다.<br>[채점기준] '활성화 에너지를 낮춘다'(2점) + '반응 속도를 증가시킨다'(2점) 키워드 필수.`, tip:"효소 서술형은 '활성화 에너지 ↓' → '반응 속도 ↑'의 인과관계를 한 문장으로 연결해서 쓰자."}, {no:"서술형2", area:"essay", q:`<p>그림은 기권의 층상구조를 나타낸 것이다(고도 0~150km, A~D층, 11km·50km·80km 경계).</p><p>B층과 D층의 명칭을 적고, 고도가 상승할수록 온도가 상승하는 원인에 대해 각각 서술하시오. [6점]</p>`, choices:``, answer:"B층 = 성층권 / D층 = 열권", explain:`<b>성층권</b>: 오존층이 존재하여 태양으로부터 오는 자외선을 흡수·차단하기 때문에 고도가 높아질수록 온도가 상승한다.<br><b>열권</b>: 공기(대기)가 매우 희박하여, 적은 수의 입자가 태양에너지를 받아 활발하게 운동하면서 온도가 상승한다.`, tip:"성층권='오존층+자외선 흡수', 열권='희박한 대기+입자 운동' 키워드로 암기카드를 만들어두자."}, {no:"서술형3", area:"essay", q:`<p>그림과 같이 수평면에서 운동량의 크기가 p인 물체 A, C가 정지해 있는 물체 B, D에 각각 충돌한 후 A는 오른쪽으로, C는 왼쪽으로 운동한다. 충돌 후 운동량의 크기는 A가 C의 2/3배이고, 물체가 받은 충격량의 크기는 B가 D의 2/3배이다.</p><p>충돌 후 D의 운동량의 크기 p_D를 풀이과정과 함께 구하시오. [7점]</p>`, choices:``, answer:"p_D = (5/4)p", explain:`① 운동량 보존: p + 0 = p_A + p_B = (2/3)p_C + (2/3)p_D<br>② C는 충돌 후 왼쪽 이동: p + 0 = −p_C + p_D<br>①②를 연립:<br>(1) p = (2/3)p_C + (2/3)p_D<br>(2) p = −p_C + p_D → ×(2/3): (2/3)p = −(2/3)p_C + (2/3)p_D<br>(1)+위 식: (5/3)p = (4/3)p_D<br>∴ <b>p_D = (5/4)p</b>`, tip:"두 충돌(A-B, C-D)에 각각 운동량 보존을 세우고, 비율 조건을 식으로 변환해 연립방정식으로 풀자. 방향(부호) 설정이 가장 흔한 실수 포인트!"} ]; let idx = 0; let flipped = false; const card = document.getElementById('card'); const frontFace = document.getElementById('frontFace'); const backFace = document.getElementById('backFace'); const progressFill = document.getElementById('progressFill'); const progressText = document.getElementById('progressText'); const jumpRow = document.getElementById('jumpRow'); function render(){ const item = cards[idx]; const a = AREA[item.area]; frontFace.innerHTML = ` <span class="badge ${a.cls}">${a.label}</span> <div class="qnum">문항 ${item.no}</div> <div class="qtext">${item.q}${item.diagram ? '<div class="diagram">'+item.diagram+'</div>' : ''}${item.choices ? '<div class="choices">'+item.choices+'</div>' : ''}</div> <div class="hint"> 클릭해서 정답 보기</div> `; backFace.innerHTML = ` <span class="badge ${a.cls}">${a.label} · 정답</span> <div class="answer-line">✅ ${item.answer}</div> <div class="explain">${item.explain}</div> <div class="tip">▶ 시험포인트: ${item.tip}</div> `; card.classList.remove('flipped'); flipped = false; progressFill.style.width = ((idx+1)/cards.length*100) + '%'; progressText.textContent = (idx+1) + ' / ' + cards.length + ' (' + item.no + '번)'; renderJump(); } function renderJump(){ jumpRow.innerHTML = ''; cards.forEach((c,i)=>{ const b = document.createElement('button'); b.className = 'jump-btn jump-btn-el' + (i===idx ? ' current' : ''); b.textContent = c.no.replace('서술형','S'); b.onclick = (e)=>{ e.stopPropagation(); idx=i; render(); }; jumpRow.appendChild(b); }); } card.addEventListener('click', ()=>{ flipped = !flipped; card.classList.toggle('flipped', flipped); }); document.getElementById('flipBtn').onclick = ()=>{ flipped = !flipped; card.classList.toggle('flipped', flipped); }; document.getElementById('prevBtn').onclick = ()=>{ idx = (idx - 1 + cards.length) % cards.length; render(); }; document.getElementById('nextBtn').onclick = ()=>{ idx = (idx + 1) % cards.length; render(); }; document.addEventListener('keydown', (e)=>{ if(e.key === 'ArrowLeft') document.getElementById('prevBtn').click(); if(e.key === 'ArrowRight') document.getElementById('nextBtn').click(); if(e.key === ' ') { e.preventDefault(); document.getElementById('flipBtn').click(); } }); render(); </script> </body> </html> 고등영어-1학년/경신고 경신고 team YM https://ymedu.tistory.com/389 https://ymedu.tistory.com/389#entry389comment Tue, 30 Jun 2026 15:12:52 +0900 풍문고 성적분석 https://ymedu.tistory.com/388 <!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>풍문고 학업성취 분석 카드</title><style> :root{--navy:#15294b;--blue:#2d6cdf;--green:#14804a;--red:#d43f3a;--ink:#1f2937;--muted:#6b7280;--line:#d9e2ef}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f8ff,#fffaf3);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--ink);word-break:keep-all}.page{max-width:480px;margin:0 auto;padding:14px 12px 36px}.school-list-tab{display:flex;justify-content:center;margin:0 0 10px;padding:9px 12px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:900}.school-list-tab:after{content:"↗";margin-left:6px}.flip-card{perspective:1400px;margin:14px 0}.card-inner{position:relative;width:100%;min-height:640px;transform-style:preserve-3d;transition:transform .55s}.flip-card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(21,41,75,.12);border-radius:28px;padding:26px 24px;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(21,41,75,.12);overflow:hidden;backface-visibility:hidden}.back{transform:rotateY(180deg);background:#fff}.cover{background:linear-gradient(145deg,#15305d,#2d6cdf 58%,#88b8ff);color:#fff}.goodface{background:linear-gradient(145deg,#f0fff6,#fff)}.midface{background:linear-gradient(145deg,#fff7e8,#fff)}.riskface{background:linear-gradient(145deg,#fff1f1,#fff)}.cover h1,.cover .no,.cover .tap{color:white}.kicker{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.no{font-weight:900;color:var(--blue)}.tap{font-size:12px;color:var(--muted);font-weight:800}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tag{font-size:12px;font-weight:800;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--blue)}.cover .tag{border-color:rgba(255,255,255,.32);color:white;background:rgba(255,255,255,.12)}h1,h2{margin:0;line-height:1.08;letter-spacing:-.06em}h1{font-size:38px}h2{font-size:30px;color:var(--navy)}.lead{font-size:17px;line-height:1.55;color:#334155;margin:14px 0 0}.cover .lead{color:rgba(255,255,255,.9)}p{line-height:1.62}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.72)}.label{font-size:12px;color:var(--muted);font-weight:800}.val{font-size:23px;font-weight:900;color:var(--navy)}.caption{font-size:11px;color:#7b8494}.rows{display:grid;gap:9px;margin:12px 0}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px dashed #d7dee9;padding-bottom:8px}.row b{color:var(--navy)}.row span:last-child{font-weight:900;color:var(--navy);text-align:right;max-width:62%;line-height:1.45}.quote{border-left:4px solid var(--blue);padding:12px 14px;background:#eef6ff;border-radius:0 14px 14px 0;margin:12px 0}.warning{border-left-color:var(--red);background:#fff0f0}.ok{border-left-color:var(--green);background:#edf9f2}@media(max-width:430px){.page{padding:12px 10px 94px}.flip-card{display:none;margin:0}.flip-card.is-active{display:block}.flip-card,.card-inner{min-height:calc(100svh - 132px)}.face{padding:22px 20px;border-radius:24px;gap:12px}h1{font-size:31px}h2{font-size:26px}.lead{font-size:16px}.val{font-size:21px}.rows{font-size:14px}.mobile-pager{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:10px 12px 14px;background:linear-gradient(180deg,rgba(244,248,255,.08),rgba(244,248,255,.96) 34%,#f4f8ff)}.mobile-pager button{border:0;border-radius:999px;padding:12px 16px;font-weight:900;background:var(--navy);color:#fff}.mobile-pager button:disabled{opacity:.38}.page-count{min-width:62px;text-align:center;font-size:13px;font-weight:900;color:var(--navy);padding-top:12px}}@media(min-width:431px){.mobile-pager{display:none}}</style></head><body><main class="page"><a class="school-list-tab" href="https://ymedu.tistory.com/category/%EA%B3%A0%EA%B5%90%20%EB%82%B4%EC%8B%A0%EB%B6%84%EC%84%9D/%EA%B0%95%EB%82%A8%EA%B5%AC" target="_blank" rel="noopener">강남구 내신분석 보기</a><div id="deck"></div></main><div class="mobile-pager"><button class="prev-card">이전 카드</button><span class="page-count">1 / 11</span><button class="next-card">다음 카드</button></div><script> const school={name:"풍문고",district:"강남구 일반고"}; const cards=[ ["cover","CARD 01","풍문고<br>학업성취 분석 카드","대형 학교와 높은 기타 비율이 강점입니다. A비율은 넓은 과목이 많지만 평균과 고3 영어 이탈을 함께 봐야 합니다.",[["졸업생","293명"],["기타","140명 · 47.8%"],["1학년","330명"],["1등급 추정","약 33명"]],"2026년 4월 공시, 2025학년도 성취도 기준","종합 결론","A권은 넓지만 평균·D/E까지 같이 봐야 한다","풍문고는 A비율이 넓은 과목이 많아 겉으로는 내신이 좋아 보일 수 있습니다. 하지만 평균이 낮거나 고3 영어Ⅱ처럼 E비율이 높은 과목은 별도 관리가 필요합니다."], ["goodface","CARD 02","규모와 진로 현황","졸업생 293명 중 기타 47.8%입니다. 정시·재수 준비층이 분명한 강남구 일반고입니다.",[["대학교","119명 · 40.6%"],["전문대","34명 · 11.6%"],["취업","0명"],["기타","140명 · 47.8%"]],"","진로 해석","정시 분위기는 강하지만 전문대 비율도 본다","기타 비율은 긍정적입니다. 다만 전문대 비율이 10%를 넘어 학력 분포가 넓게 퍼져 있을 가능성도 함께 봐야 합니다."], ["goodface","CARD 03","고1 공통수학","공통수학 A비율은 35% 이상으로 넓고 E비율은 낮습니다.",[["공통수학1","평균 60.7 · A 35.4%","E 2.6%"],["공통수학2","평균 61.5 · A 36.8%","E 1.3%"],["1학년 규모","330명","1등급 약 33명"]],"","고1 해석","A권은 넓지만 평균은 낮다","A비율은 넓지만 평균은 60점대 초반입니다. 성취도 A 안에서도 1등급 경쟁은 다시 나뉘므로 점수대 관리가 필요합니다."], ["goodface","CARD 04","고2 수학Ⅰ·Ⅱ","2025년부터 수학Ⅰ·수학Ⅱ는 대수 성격으로 재구성됩니다. 풍문고는 A권이 넓은 편입니다.",[["수학Ⅰ","평균 60.9 · A 22.5%","E 14.6%"],["수학Ⅱ","평균 61.5 · A 29.3%","E 16.2%"],["2학년 규모","291명","1등급 약 29명"]],"","고2 해석","A는 넓지만 평균 낮음에 주의","A비율이 넓다고 방심하면 안 됩니다. 5등급제 1등급 추정은 상위 10%라 A 안에서도 최상위 점수 확보가 필요합니다."], ["midface","CARD 05","확률과 통계","확통은 A비율이 넓지만 2학기 E비율이 21.9%로 올라갑니다.",[["2학년 1학기","평균 58.1 · A 30.0%","E 14.1%"],["2학년 2학기","평균 56.7 · A 37.5%","E 21.9%"],["판정","A권 넓음","평균 낮음"]],"","확통 해석","A 안 최상위 변별을 봐야 한다","A권이 넓은 학교일수록 1등급 추정 인원과 A인원 차이가 큽니다. 단순 A가 아니라 상위 10% 안착을 목표로 해야 합니다."], ["riskface","CARD 06","미적분 주의","고3 미적분은 A비율이 줄고 E비율이 29.0%까지 올라갑니다.",[["3학년 1학기","평균 61.4 · A 17.9%","E 29.0%"],["3학년 2학기","평균 45.8 · A 6.2%","E 22.1%"],["전략","고2 겨울","미적분 누적"]],"","미적분 해석","고3 수학은 별도 관리가 필요하다","고1·고2 수학 A권이 넓어도 미적분에서는 격차가 커집니다. 이과 지망은 미적분을 미리 잡아야 합니다."], ["goodface","CARD 07","영어 A권 넓음","고1·고2 영어는 A비율이 매우 넓고 E비율이 낮습니다.",[["공통영어1","평균 69.1 · A 34.8%","E 0.7%"],["공통영어2","평균 71.9 · A 42.1%","E 2.7%"],["영어Ⅰ","A 36.0~43.4%","E 0.6~1.0%"]],"","영어 해석","초중반 영어는 강점 과목","고1·고2 영어는 내신 방어 과목이 될 수 있습니다. 다만 A가 넓으므로 최상위 변별은 서술형과 고난도 독해에서 갈립니다."], ["riskface","CARD 08","고3 영어Ⅱ 위험","고3 영어Ⅱ는 평균이 크게 낮고 E비율이 47~50% 수준입니다.",[["영어Ⅱ 1학기","평균 47.6 · A 15.8%","E 47.3%"],["영어Ⅱ 2학기","평균 38.7 · A 11.0%","E 49.8%"],["해석","정시 집중","내신 이탈 가능"]],"","영어 해석","고3에서 영어를 놓치면 급락한다","고1·고2 영어가 좋다고 고3까지 자동으로 이어지지 않습니다. 수능 영어와 내신 서술형을 병행해야 합니다."], ["goodface","CARD 09","과탐 강점과 주의","물리Ⅰ·화학Ⅰ은 A권이 매우 넓습니다. 생명Ⅰ 2학기는 별도 주의가 필요합니다.",[["물리학Ⅰ","A 54.5~74.0%","E 0.0~6.5%"],["화학Ⅰ","A 37.1~53.3%","2학기 E 26.7%"],["생명과학Ⅰ 2학기","A 8.7%","E 36.9%"]],"","과탐 해석","과탐은 강점이지만 과목별 편차가 있다","물리·화학은 학종 소재로 활용하기 좋습니다. 생명과학은 2학기 이탈이 보여 과목 선택과 학습량을 함께 봐야 합니다."], ["midface","CARD 10","수행평가·평가계획 확인","풍문고는 학년별 교수학습 및 평가운영 계획서 ZIP과 학업성적관리규정을 공개했습니다.",[["확인 자료","1·2·3학년 평가계획"],["자료 형태","학년별 ZIP"],["수학 체크","대수·확통·미적분"],["학종 포인트","탐구형 수행 제목 확인"]],"","수행평가 해석","A권이 넓을수록 세특 깊이가 중요하다","수행평가 제목이 단순 활동이면 A를 받아도 학생부 경쟁력이 약할 수 있습니다. 데이터 분석, 실험 탐구, 논문 읽기, 자유주제 학술 탐구형 제목을 확인해야 합니다."], ["midface","CARD 11","최종 전략","풍문고는 A비율이 넓은 과목이 많지만 1등급은 A 안에서 다시 경쟁합니다.",[["강점","기타 47.8%"],["강점","고1·고2 영어"],["주의","고3 영어Ⅱ"],["전략","A 안 상위 10% 목표"]],"","마무리","A비율보다 1등급 추정 인원을 본다","풍문고는 내신 성취도 A가 넓어 보이는 학교입니다. 그러나 5등급제 1등급 추정은 상위 10%이므로, 평균·A비율·E비율을 함께 보고 최상위 점수대를 목표로 해야 합니다."] ]; function rows(items){return `<div class="rows">${items.map(r=>`<div class="row"><b>${r[0]}</b><span>${r[1]}<br>${r[2]||""}</span></div>`).join("")}</div>`}function stats(items){return `<div class="stat-grid">${items.map(s=>`<div class="stat"><div class="label">${s[0]}</div><div class="val">${s[1]}</div></div>`).join("")}</div>`} document.querySelector("#deck").innerHTML=cards.map(c=>`<div class="flip-card" role="button" tabindex="0"><div class="card-inner"><section class="face ${c[0]}"><div><div class="kicker"><span class="no">${c[1]}</span><span class="tap">탭해 뒤집기</span></div><div class="tagrow"><span class="tag">${school.name}</span><span class="tag">${school.district}</span></div><h1>${c[2]}</h1><p class="lead">${c[3]}</p></div>${c[4][0].length===2?stats(c[4]):rows(c[4])}<p class="caption">${c[5]}</p></section><section class="face back"><div><div class="kicker"><span class="no">${c[6]}</span><span class="tap">다시 탭</span></div><h2>${c[7]}</h2><p>${c[8]}</p><div class="quote ${c[0]==="riskface"?"warning":c[0]==="goodface"?"ok":""}"><p>${c[8]}</p></div></div></section></div></div>`).join(""); const cardEls=[...document.querySelectorAll('.flip-card')];let activeIndex=0;const prevBtn=document.querySelector('.prev-card'),nextBtn=document.querySelector('.next-card'),pageCount=document.querySelector('.page-count');const isMobile=()=>matchMedia('(max-width:430px)').matches;function showCard(i){activeIndex=Math.max(0,Math.min(cardEls.length-1,i));cardEls.forEach((c,n)=>{c.classList.toggle('is-active',n===activeIndex);if(n!==activeIndex)c.classList.remove('flipped')});pageCount.textContent=`${activeIndex+1} / ${cardEls.length}`;prevBtn.disabled=activeIndex===0;nextBtn.disabled=activeIndex===cardEls.length-1;if(isMobile())requestAnimationFrame(()=>scrollTo({top:0,left:0,behavior:'smooth'}))}cardEls.forEach((c,n)=>{if(n===0)c.classList.add('is-active');const f=()=>{const x=scrollX,y=scrollY;c.classList.toggle('flipped');requestAnimationFrame(()=>scrollTo(x,y))};c.addEventListener('click',e=>{e.preventDefault();f()});c.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();f()}})});prevBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex-1)};nextBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex+1)};addEventListener('resize',()=>showCard(activeIndex));showCard(0); </script></body></html> 고교 내신분석/강남구 성적분석 풍문고 team YM https://ymedu.tistory.com/388 https://ymedu.tistory.com/388#entry388comment Mon, 29 Jun 2026 20:25:23 +0900 진선여고 성적분석 https://ymedu.tistory.com/387 <!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>진선여고 학업성취 분석 카드</title><style> :root{--navy:#15294b;--blue:#2d6cdf;--green:#14804a;--red:#d43f3a;--ink:#1f2937;--muted:#6b7280;--line:#d9e2ef}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f8ff,#fffaf3);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--ink);word-break:keep-all}.page{max-width:480px;margin:0 auto;padding:14px 12px 36px}.school-list-tab{display:flex;justify-content:center;margin:0 0 10px;padding:9px 12px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:900}.school-list-tab:after{content:"↗";margin-left:6px}.flip-card{perspective:1400px;margin:14px 0}.card-inner{position:relative;width:100%;min-height:640px;transform-style:preserve-3d;transition:transform .55s}.flip-card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(21,41,75,.12);border-radius:28px;padding:26px 24px;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(21,41,75,.12);overflow:hidden;backface-visibility:hidden}.back{transform:rotateY(180deg);background:#fff}.cover{background:linear-gradient(145deg,#15305d,#2d6cdf 58%,#88b8ff);color:#fff}.goodface{background:linear-gradient(145deg,#f0fff6,#fff)}.midface{background:linear-gradient(145deg,#fff7e8,#fff)}.riskface{background:linear-gradient(145deg,#fff1f1,#fff)}.cover h1,.cover .no,.cover .tap{color:white}.kicker{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.no{font-weight:900;color:var(--blue)}.tap{font-size:12px;color:var(--muted);font-weight:800}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tag{font-size:12px;font-weight:800;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--blue)}.cover .tag{border-color:rgba(255,255,255,.32);color:white;background:rgba(255,255,255,.12)}h1,h2{margin:0;line-height:1.08;letter-spacing:-.06em}h1{font-size:38px}h2{font-size:30px;color:var(--navy)}.lead{font-size:17px;line-height:1.55;color:#334155;margin:14px 0 0}.cover .lead{color:rgba(255,255,255,.9)}p{line-height:1.62}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.72)}.label{font-size:12px;color:var(--muted);font-weight:800}.val{font-size:23px;font-weight:900;color:var(--navy)}.caption{font-size:11px;color:#7b8494}.rows{display:grid;gap:9px;margin:12px 0}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px dashed #d7dee9;padding-bottom:8px}.row b{color:var(--navy)}.row span:last-child{font-weight:900;color:var(--navy);text-align:right;max-width:62%;line-height:1.45}.quote{border-left:4px solid var(--blue);padding:12px 14px;background:#eef6ff;border-radius:0 14px 14px 0;margin:12px 0}.warning{border-left-color:var(--red);background:#fff0f0}.ok{border-left-color:var(--green);background:#edf9f2}@media(max-width:430px){.page{padding:12px 10px 94px}.flip-card{display:none;margin:0}.flip-card.is-active{display:block}.flip-card,.card-inner{min-height:calc(100svh - 132px)}.face{padding:22px 20px;border-radius:24px;gap:12px}h1{font-size:31px}h2{font-size:26px}.lead{font-size:16px}.val{font-size:21px}.rows{font-size:14px}.mobile-pager{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:10px 12px 14px;background:linear-gradient(180deg,rgba(244,248,255,.08),rgba(244,248,255,.96) 34%,#f4f8ff)}.mobile-pager button{border:0;border-radius:999px;padding:12px 16px;font-weight:900;background:var(--navy);color:#fff}.mobile-pager button:disabled{opacity:.38}.page-count{min-width:62px;text-align:center;font-size:13px;font-weight:900;color:var(--navy);padding-top:12px}}@media(min-width:431px){.mobile-pager{display:none}}</style></head><body><main class="page"><a class="school-list-tab" href="https://ymedu.tistory.com/category/%EA%B3%A0%EA%B5%90%20%EB%82%B4%EC%8B%A0%EB%B6%84%EC%84%9D/%EA%B0%95%EB%82%A8%EA%B5%AC" target="_blank" rel="noopener">강남구 내신분석 보기</a><div id="deck"></div></main><div class="mobile-pager"><button class="prev-card">이전 카드</button><span class="page-count">1 / 11</span><button class="next-card">다음 카드</button></div><script> const school={name:"진선여고",district:"강남구 일반고"}; const cards=[ ["cover","CARD 01","진선여고<br>학업성취 분석 카드","대형 여고 규모와 진학 분위기는 좋습니다. 다만 수학 A권이 매우 좁고 영어·과탐 D+E 관리가 중요합니다.",[["졸업생","288명"],["기타","124명 · 43.1%"],["1학년","295명"],["1등급 추정","약 30명"]],"2026년 4월 공시, 2025학년도 성취도 기준","종합 결론","고1 수학은 좋지만 고2부터 급격히 좁아진다","진선여고는 규모와 면학 분위기가 안정적입니다. 하지만 고2 수학Ⅰ A 0.7%, 수학Ⅱ A 3.4%, 고3 미적분 A 2.4%로 수학 상위권 경쟁이 매우 강합니다."], ["midface","CARD 02","규모와 진로 현황","졸업생 288명 중 기타 43.1%입니다. 재수·정시 준비층이 충분히 있는 학교로 볼 수 있습니다.",[["대학교","154명 · 53.5%"],["전문대","10명 · 3.5%"],["취업","0명"],["기타","124명 · 43.1%"]],"","진로 해석","진학 중심 분위기가 분명하다","전문대와 취업 비율이 낮고 기타 비율이 높습니다. 면학 분위기는 긍정적이지만, 상위권 내신 경쟁도 함께 봐야 합니다."], ["goodface","CARD 03","고1 공통수학","공통수학 평균은 70점대 중후반으로 좋습니다. 다만 2학기 A비율은 6.6%로 좁아집니다.",[["공통수학1","평균 78.6 · A 17.3%","E 7.5%"],["공통수학2","평균 75.5 · A 6.6%","E 13.6%"],["1학년 규모","295명","1등급 약 30명"]],"","고1 해석","초반 성취는 좋지만 A권은 좁아진다","평균은 높지만 공통수학2 A비율이 10%보다 낮습니다. 상위권은 한 문제 차이로 갈릴 가능성이 큽니다."], ["riskface","CARD 04","고2 수학Ⅰ·Ⅱ","2025년부터 수학Ⅰ·수학Ⅱ는 대수 성격으로 재구성됩니다. 진선여고는 A권이 극단적으로 좁습니다.",[["수학Ⅰ","평균 70.2 · A 0.7%","E 14.6%"],["수학Ⅱ","평균 71.7 · A 3.4%","E 16.4%"],["2학년 규모","285명","1등급 약 29명"]],"","고2 해석","A가 1등급보다 훨씬 좁다","수학Ⅰ A 0.7%는 거의 최상위 소수만 A를 받는 구조입니다. 고2 이전에 대수 단원을 완성하지 않으면 등급 방어가 어렵습니다."], ["riskface","CARD 05","확률과 통계","확통은 2학기 E비율이 36.4%로 올라갑니다.",[["2학년 1학기","평균 71.6 · A 14.7%","E 23.0%"],["2학년 2학기","평균 65.0 · A 5.7%","E 36.4%"],["판정","E비율 높음","A권 좁음"]],"","확통 해석","조건 해석에서 하위권 이탈이 생긴다","확률과 통계는 단원별 개념이 끊기면 회복이 어렵습니다. 고2 때 주 1회 이상 누적 복습이 필요합니다."], ["riskface","CARD 06","미적분 초위험","고3 미적분은 A비율이 2.4%, 2학기에는 0.5%까지 줄어듭니다.",[["3학년 1학기","평균 56.8 · A 2.4%","E 53.1%"],["3학년 2학기","평균 49.3 · A 0.5%","E 65.6%"],["전략","고2 겨울","미적분 선행 필수"]],"","미적분 해석","의치공 지망은 가장 먼저 대비해야 한다","미적분은 포기자와 최상위권이 동시에 나타나는 과목입니다. 개념 이해, 계산 속도, 고난도 적용을 모두 준비해야 합니다."], ["riskface","CARD 07","영어 D+E 주의","영어는 전 학년에 걸쳐 E비율이 높습니다. 특히 고2와 고3에서 정시 집중층과 이탈층이 갈립니다.",[["공통영어1","평균 71.8 · A 16.0%","E 24.5%"],["영어Ⅰ","평균 71.2 · A 21.7%","E 34.6%"],["영어Ⅱ","평균 58.3 · A 12.5%","E 55.5%"]],"","영어 해석","영어를 놓치면 평균을 크게 낮춘다","영어는 수학보다 회복이 쉽다고 생각하기 쉽지만, 진선여고 자료에서는 E비율이 높습니다. 독해 루틴을 꾸준히 유지해야 합니다."], ["riskface","CARD 08","과탐Ⅰ 이탈","물리Ⅰ·화학Ⅰ·생명Ⅰ·지구Ⅰ 일부 학기에서 E비율이 30% 이상입니다.",[["물리학Ⅰ 2학기","평균 66.8 · A 7.9%","E 38.1%"],["화학Ⅰ 2학기","평균 68.4 · A 15.3%","E 39.2%"],["지구과학Ⅰ 2학기","평균 68.0 · A 19.7%","E 34.1%"]],"","과탐 해석","2학기 과탐 관리가 관건","과탐은 선택과목이라 학생 간 격차가 더 크게 보입니다. 개념 암기보다 실험·자료 해석형 문제를 꾸준히 훈련해야 합니다."], ["riskface","CARD 09","D·E 관리 포인트","진선여고는 고2 이후 수학·영어·과탐에서 하위권 이탈이 평균을 낮춥니다.",[["수학Ⅰ","A 0.7%"],["미적분","E 53.1%"],["영어Ⅱ","E 55.5%"],["과탐Ⅰ","E 30%대 다수"]],"","전략 해석","고2 진입 전 공부량을 늘려야 한다","수학은 포기자가 많이 나오는 과목입니다. 고2 때 공부량을 줄이면 3학년 미적분과 영어Ⅱ에서 회복이 매우 어렵습니다."], ["midface","CARD 10","수행평가·평가계획 확인","진선여고는 평가계획서 전체본과 학년별 교수학습 운영계획을 공개했습니다.",[["확인 자료","평가계획서 전체"],["학년 자료","1·2·3학년 운영계획"],["수학 체크","대수·확통·미적분"],["학종 포인트","수행평가 제목 확인"]],"","수행평가 해석","학종은 제목의 깊이가 중요하다","대학은 수행평가 제목까지 봅니다. 단순 글쓰기보다 데이터 분석 발표, 실험 탐구, 논문 읽기, 자유주제 학술 탐구처럼 전공 적합성이 보이는 활동이 좋습니다."], ["riskface","CARD 11","최종 전략","진선여고는 규모와 진학 분위기가 좋지만, 수학 A권이 매우 좁아 조기 대비가 필요합니다.",[["강점","기타 43.1%"],["강점","고1 수학 평균"],["주의","고2 수학 A 극소"],["전략","고2 전 대수 완성"]],"","마무리","상위권은 고1 때부터 만들어진다","진선여고에서는 고1 성취가 좋아도 고2 수학에서 바로 좁아집니다. 고2·고3으로 올라갈수록 수학과 영어를 포기하지 않는 것이 가장 큰 전략입니다."] ]; function rows(items){return `<div class="rows">${items.map(r=>`<div class="row"><b>${r[0]}</b><span>${r[1]}<br>${r[2]||""}</span></div>`).join("")}</div>`}function stats(items){return `<div class="stat-grid">${items.map(s=>`<div class="stat"><div class="label">${s[0]}</div><div class="val">${s[1]}</div></div>`).join("")}</div>`} document.querySelector("#deck").innerHTML=cards.map(c=>`<div class="flip-card" role="button" tabindex="0"><div class="card-inner"><section class="face ${c[0]}"><div><div class="kicker"><span class="no">${c[1]}</span><span class="tap">탭해 뒤집기</span></div><div class="tagrow"><span class="tag">${school.name}</span><span class="tag">${school.district}</span></div><h1>${c[2]}</h1><p class="lead">${c[3]}</p></div>${c[4][0].length===2?stats(c[4]):rows(c[4])}<p class="caption">${c[5]}</p></section><section class="face back"><div><div class="kicker"><span class="no">${c[6]}</span><span class="tap">다시 탭</span></div><h2>${c[7]}</h2><p>${c[8]}</p><div class="quote ${c[0]==="riskface"?"warning":c[0]==="goodface"?"ok":""}"><p>${c[8]}</p></div></div></section></div></div>`).join(""); const cardEls=[...document.querySelectorAll('.flip-card')];let activeIndex=0;const prevBtn=document.querySelector('.prev-card'),nextBtn=document.querySelector('.next-card'),pageCount=document.querySelector('.page-count');const isMobile=()=>matchMedia('(max-width:430px)').matches;function showCard(i){activeIndex=Math.max(0,Math.min(cardEls.length-1,i));cardEls.forEach((c,n)=>{c.classList.toggle('is-active',n===activeIndex);if(n!==activeIndex)c.classList.remove('flipped')});pageCount.textContent=`${activeIndex+1} / ${cardEls.length}`;prevBtn.disabled=activeIndex===0;nextBtn.disabled=activeIndex===cardEls.length-1;if(isMobile())requestAnimationFrame(()=>scrollTo({top:0,left:0,behavior:'smooth'}))}cardEls.forEach((c,n)=>{if(n===0)c.classList.add('is-active');const f=()=>{const x=scrollX,y=scrollY;c.classList.toggle('flipped');requestAnimationFrame(()=>scrollTo(x,y))};c.addEventListener('click',e=>{e.preventDefault();f()});c.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();f()}})});prevBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex-1)};nextBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex+1)};addEventListener('resize',()=>showCard(activeIndex));showCard(0); </script></body></html> 고교 내신분석/강남구 성적분석 진선여고 team YM https://ymedu.tistory.com/387 https://ymedu.tistory.com/387#entry387comment Mon, 29 Jun 2026 20:21:05 +0900 중대부고 성적분석 https://ymedu.tistory.com/386 <!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>중대부고 학업성취 분석 카드</title><style> :root{--navy:#15294b;--blue:#2d6cdf;--green:#14804a;--red:#d43f3a;--ink:#1f2937;--muted:#6b7280;--line:#d9e2ef}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f8ff,#fffaf3);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--ink);word-break:keep-all}.page{max-width:480px;margin:0 auto;padding:14px 12px 36px}.school-list-tab{display:flex;justify-content:center;margin:0 0 10px;padding:9px 12px;border-radius:999px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:900}.school-list-tab:after{content:"↗";margin-left:6px}.flip-card{perspective:1400px;margin:14px 0}.card-inner{position:relative;width:100%;min-height:640px;transform-style:preserve-3d;transition:transform .55s}.flip-card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(21,41,75,.12);border-radius:28px;padding:26px 24px;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(21,41,75,.12);overflow:hidden;backface-visibility:hidden}.back{transform:rotateY(180deg);background:#fff}.cover{background:linear-gradient(145deg,#15305d,#2d6cdf 58%,#88b8ff);color:#fff}.goodface{background:linear-gradient(145deg,#f0fff6,#fff)}.midface{background:linear-gradient(145deg,#fff7e8,#fff)}.riskface{background:linear-gradient(145deg,#fff1f1,#fff)}.cover h1,.cover .no,.cover .tap{color:white}.kicker{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.no{font-weight:900;color:var(--blue)}.tap{font-size:12px;color:var(--muted);font-weight:800}.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tag{font-size:12px;font-weight:800;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--blue)}.cover .tag{border-color:rgba(255,255,255,.32);color:white;background:rgba(255,255,255,.12)}h1,h2{margin:0;line-height:1.08;letter-spacing:-.06em}h1{font-size:38px}h2{font-size:30px;color:var(--navy)}.lead{font-size:17px;line-height:1.55;color:#334155;margin:14px 0 0}.cover .lead{color:rgba(255,255,255,.9)}p{line-height:1.62}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.72)}.label{font-size:12px;color:var(--muted);font-weight:800}.val{font-size:23px;font-weight:900;color:var(--navy)}.caption{font-size:11px;color:#7b8494}.rows{display:grid;gap:9px;margin:12px 0}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px dashed #d7dee9;padding-bottom:8px}.row b{color:var(--navy)}.row span:last-child{font-weight:900;color:var(--navy);text-align:right;max-width:62%;line-height:1.45}.quote{border-left:4px solid var(--blue);padding:12px 14px;background:#eef6ff;border-radius:0 14px 14px 0;margin:12px 0}.warning{border-left-color:var(--red);background:#fff0f0}.ok{border-left-color:var(--green);background:#edf9f2}@media(max-width:430px){.page{padding:12px 10px 94px}.flip-card{display:none;margin:0}.flip-card.is-active{display:block}.flip-card,.card-inner{min-height:calc(100svh - 132px)}.face{padding:22px 20px;border-radius:24px;gap:12px}h1{font-size:31px}h2{font-size:26px}.lead{font-size:16px}.val{font-size:21px}.rows{font-size:14px}.mobile-pager{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:8px;padding:10px 12px 14px;background:linear-gradient(180deg,rgba(244,248,255,.08),rgba(244,248,255,.96) 34%,#f4f8ff)}.mobile-pager button{border:0;border-radius:999px;padding:12px 16px;font-weight:900;background:var(--navy);color:#fff}.mobile-pager button:disabled{opacity:.38}.page-count{min-width:62px;text-align:center;font-size:13px;font-weight:900;color:var(--navy);padding-top:12px}}@media(min-width:431px){.mobile-pager{display:none}}</style></head><body><main class="page"><a class="school-list-tab" href="https://ymedu.tistory.com/category/%EA%B3%A0%EA%B5%90%20%EB%82%B4%EC%8B%A0%EB%B6%84%EC%84%9D/%EA%B0%95%EB%82%A8%EA%B5%AC" target="_blank" rel="noopener">강남구 내신분석 보기</a><div id="deck"></div></main><div class="mobile-pager"><button class="prev-card">이전 카드</button><span class="page-count">1 / 11</span><button class="next-card">다음 카드</button></div><script> const school={name:"중대부고",district:"강남구 일반고"}; const cards=[ ["cover","CARD 01","중대부고<br>학업성취 분석 카드","강남구 대형 남고로 기타 54.0%가 보여주는 정시 분위기가 매우 강합니다. 다만 고2 이후 과목별 양극화가 큽니다.",[["졸업생","328명"],["기타","177명 · 54.0%"],["1학년","346명"],["1등급 추정","약 35명"]],"2026년 4월 공시, 2025학년도 성취도 기준","종합 결론","정시 분위기는 최상급, 내신은 양극화 관리","중대부고는 규모와 정시 준비층이 강합니다. 하지만 영어Ⅰ, 과탐Ⅰ, 고3 영어Ⅱ에서 E비율이 높아 상위권과 이탈층의 차이가 큽니다."], ["goodface","CARD 02","규모와 진로 현황","졸업생 328명 중 기타 54.0%입니다. 강남구 일반고 중에서도 정시·재수 준비 분위기가 매우 강한 편입니다.",[["대학교","136명 · 41.5%"],["전문대","15명 · 4.6%"],["취업","0명"],["기타","177명 · 54.0%"]],"","진로 해석","목표 대학 재도전층이 두텁다","기타 비율이 절반을 넘는다는 것은 수능 경쟁력을 의식하는 학생층이 많다는 신호입니다. 내신은 쉬움보다 경쟁 강도로 해석해야 합니다."], ["midface","CARD 03","고1 공통수학","공통수학1은 E비율이 매우 낮지만, 2학기에는 평균과 E비율이 흔들립니다.",[["공통수학1","평균 69.0 · A 11.9%","E 0.6%"],["공통수학2","평균 64.3 · A 10.1%","E 13.6%"],["1학년 규모","346명","1등급 약 35명"]],"","고1 해석","2학기부터 수학 체력 차이가 난다","공통수학1은 하위권 이탈이 적지만 공통수학2에서 평균이 내려갑니다. 고1 때 기초를 다지지 않으면 고2 대수 구간에서 부담이 커집니다."], ["midface","CARD 04","고2 수학Ⅱ","2025년부터 수학Ⅰ·수학Ⅱ는 대수 성격으로 재구성됩니다. 중대부고는 수학Ⅱ A권은 넓지만 평균은 낮습니다.",[["수학Ⅱ","평균 61.1 · A 20.4%","E 14.7%"],["2학년 규모","329명","1등급 약 33명"],["해석","A권 넓음","평균 낮음"]],"","고2 해석","A권 안에서도 최상위 변별이 필요하다","A비율은 넓지만 평균이 낮아 문제 난도나 학생 간 격차를 함께 봐야 합니다. 1등급은 A 안에서 다시 경쟁해야 합니다."], ["riskface","CARD 05","고3 수학 참고","3학년 2학기 자료 기준 미적분·확통 평균이 낮습니다. 수능형 학습으로 전환되는 구간입니다.",[["미적분","평균 43.5 · A 12.7%","E 19.1%"],["확률과 통계","평균 35.6 · A 6.1%","E 29.2%"],["판정","참고용","고3 2학기"]],"","수학 해석","수능 준비와 내신 관리가 동시에 필요하다","고3 2학기는 참고용 성격이 강하지만 평균이 낮다는 점은 수학 체력 차이를 보여줍니다. 고2 겨울 이전에 미적분·확통 기본기를 완성해야 합니다."], ["riskface","CARD 06","영어 양극화","공통영어는 괜찮지만 고2 영어Ⅰ과 고3 영어Ⅱ에서 E비율이 크게 올라갑니다.",[["공통영어1","평균 75.9 · A 22.7%","E 19.9%"],["공통영어2","평균 77.5 · A 25.2%","E 3.6%"],["영어Ⅰ","평균 67.2 · A 19.8%","E 40.5%"]],"","영어 해석","상위권과 포기층이 갈린다","영어는 A권도 있지만 E비율도 큰 과목입니다. 어휘·구문·서술형을 놓치면 고2 이후 급격히 이탈합니다."], ["riskface","CARD 07","과탐Ⅰ 위험","물리Ⅰ·화학Ⅰ·생명Ⅰ·지구Ⅰ에서 E비율이 높습니다. 특히 물리Ⅰ과 지구Ⅰ은 강한 경고입니다.",[["물리학Ⅰ","평균 62.7 · A 5.3%","E 54.4%"],["화학Ⅰ","평균 70.3 · A 16.1%","E 31.4%"],["지구과학Ⅰ","평균 63.5 · A 16.7%","E 46.7%"]],"","과탐 해석","선택과목에서 포기층이 크게 보인다","과탐은 선택자 집단 안에서도 격차가 큽니다. 이공계 지망은 과탐Ⅰ을 고2 때부터 수능형으로 연결해야 합니다."], ["riskface","CARD 08","고3 영어Ⅱ 초위험","고3 2학기 영어Ⅱ는 E비율 72.7%입니다. 참고용이지만 하위권 이탈이 매우 큽니다.",[["영어Ⅱ","평균 44.5 · A 3.6%","E 72.7%"],["지구과학Ⅱ","평균 38.0 · A 0.0%","참고용"],["해석","정시 집중","내신 이탈 가능"]],"","고3 해석","정시형 학교의 전형적 모습","고3 후반에는 수능 중심으로 이동하면서 내신 성취도 분포가 흔들릴 수 있습니다. 학종을 생각한다면 고2까지 내신과 세특을 미리 확보해야 합니다."], ["midface","CARD 09","D·E 관리 포인트","중대부고는 규모와 상위권은 강하지만 과목별 D·E가 평균을 낮춥니다.",[["영어Ⅰ","E 40.5%"],["물리학Ⅰ","E 54.4%"],["지구과학Ⅰ","E 46.7%"],["영어Ⅱ","E 72.7%"]],"","전략 해석","고2가 승부처다","수학·영어·과탐이 동시에 어려워지는 고2 구간에서 포기하지 않는 것이 중요합니다. 고3이 아니라 고2 때 이미 대입 준비의 격차가 벌어집니다."], ["goodface","CARD 10","수행평가·평가계획 확인","중대부고는 수학과·외국어과·과학정보과 등 교과군별 교수학습 및 평가 운영계획을 PDF로 공개했습니다.",[["확인 자료","교과군별 평가계획"],["수학과","별도 PDF 공개"],["과학정보과","별도 PDF 공개"],["학종 포인트","교과별 탐구 확장 가능"]],"","수행평가 해석","교과군별 공개는 학종 점검에 좋다","수행평가 제목이 단순 활동보다 데이터 분석, 실험 탐구, 탐구 보고서, 논문 읽기형 활동인지 확인해야 합니다. 교과군별 자료가 있어 전공 연결 세특을 점검하기 좋습니다."], ["riskface","CARD 11","최종 전략","중대부고는 정시 분위기와 규모가 강점이지만, 고2 이후 영어·과탐 이탈을 막아야 합니다.",[["강점","기타 54.0%"],["강점","대형 학교"],["주의","영어·과탐 E비율"],["전략","고2 전 과목 밸런스"]],"","마무리","정시형 분위기 속 내신 방어가 핵심","중대부고는 공부 분위기가 강한 만큼 경쟁도 강합니다. 학종까지 고려한다면 고2까지 내신과 수행평가를 확보하고, 고3은 수능 중심으로 연결하는 전략이 좋습니다."] ]; function rows(items){return `<div class="rows">${items.map(r=>`<div class="row"><b>${r[0]}</b><span>${r[1]}<br>${r[2]||""}</span></div>`).join("")}</div>`}function stats(items){return `<div class="stat-grid">${items.map(s=>`<div class="stat"><div class="label">${s[0]}</div><div class="val">${s[1]}</div></div>`).join("")}</div>`} document.querySelector("#deck").innerHTML=cards.map(c=>`<div class="flip-card" role="button" tabindex="0"><div class="card-inner"><section class="face ${c[0]}"><div><div class="kicker"><span class="no">${c[1]}</span><span class="tap">탭해 뒤집기</span></div><div class="tagrow"><span class="tag">${school.name}</span><span class="tag">${school.district}</span></div><h1>${c[2]}</h1><p class="lead">${c[3]}</p></div>${c[4][0].length===2?stats(c[4]):rows(c[4])}<p class="caption">${c[5]}</p></section><section class="face back"><div><div class="kicker"><span class="no">${c[6]}</span><span class="tap">다시 탭</span></div><h2>${c[7]}</h2><p>${c[8]}</p><div class="quote ${c[0]==="riskface"?"warning":c[0]==="goodface"?"ok":""}"><p>${c[8]}</p></div></div></section></div></div>`).join(""); const cardEls=[...document.querySelectorAll('.flip-card')];let activeIndex=0;const prevBtn=document.querySelector('.prev-card'),nextBtn=document.querySelector('.next-card'),pageCount=document.querySelector('.page-count');const isMobile=()=>matchMedia('(max-width:430px)').matches;function showCard(i){activeIndex=Math.max(0,Math.min(cardEls.length-1,i));cardEls.forEach((c,n)=>{c.classList.toggle('is-active',n===activeIndex);if(n!==activeIndex)c.classList.remove('flipped')});pageCount.textContent=`${activeIndex+1} / ${cardEls.length}`;prevBtn.disabled=activeIndex===0;nextBtn.disabled=activeIndex===cardEls.length-1;if(isMobile())requestAnimationFrame(()=>scrollTo({top:0,left:0,behavior:'smooth'}))}cardEls.forEach((c,n)=>{if(n===0)c.classList.add('is-active');const f=()=>{const x=scrollX,y=scrollY;c.classList.toggle('flipped');requestAnimationFrame(()=>scrollTo(x,y))};c.addEventListener('click',e=>{e.preventDefault();f()});c.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();f()}})});prevBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex-1)};nextBtn.onclick=e=>{e.preventDefault();e.stopPropagation();showCard(activeIndex+1)};addEventListener('resize',()=>showCard(activeIndex));showCard(0); </script></body></html> 고교 내신분석/강남구 team YM https://ymedu.tistory.com/386 https://ymedu.tistory.com/386#entry386comment Mon, 29 Jun 2026 20:06:46 +0900