🐛 Change bypass certification to manual (#16)

src/functions/bypassCertification.ts

@@ -7,7 +7,7 @@ declare var lrnCerti: any;
  */
 export function bypassCertification() {
   if (!lrnCerti?.checkCerti) {
-    return;
+    alert('인증 기능을 제거하지 못했습니다.');
   }
 
   lrnCerti.checkCerti = async function (
@@ -70,4 +70,10 @@ export function bypassCertification() {
       );
     }
   };
+
+  alert([
+    '인증 기능이 제거되었습니다.',
+    '현재 학교 페이지가 지속적으로 업데이트가 되고 있어서 해당 기능이 적용되지 않을 수 있습니다.',
+    '만약 문제가 발생할 경우 새로고침을 해주시고 해당 기능은 사용하지 않는 것을 권장 드립니다.',
+  ].join('\n'));
 }

src/routes/lecture-home.js

@@ -1,4 +1,5 @@
 import { bypassCertification } from '../functions/bypassCertification';
+import { generateRandomString } from '../utils/string';
 
 /**
  * 페이지 이름: 강의 종합
@@ -72,17 +73,19 @@ const addLecturePlan = async () => {
 };
 
 export default () => {
-  // 인증 팝업 무시
-  bypassCertification();
+  const coolTimeButtonId = generateRandomString();
+  const bypassCertificationButtonId = generateRandomString();
+  const hideLectureButtonId = generateRandomString();
 
   // 2분 쿨타임 제거, 강의 숨기기 버튼 생성
   $("p:contains('온라인 강의리스트')").append(`
-    <button type="button" class="btn2 btn-learn btn-cooltime">2분 쿨타임 제거</button>
-    <button type="button" class="btn2 btn-gray btn-clean">강의 숨기기 On / Off</button>
+    <button type="button" id="${coolTimeButtonId}" class="btn2 btn-learn">2분 쿨타임 제거</button>
+    <button type="button" id="${bypassCertificationButtonId}" class="btn2 btn-learn">인증 우회</button>
+    <button type="button" id="${hideLectureButtonId}" class="btn2 btn-gray">강의 숨기기 On / Off</button>
   `);
 
   // 2분 쿨타임 제거 버튼에 이벤트 설정
-  $('.btn-cooltime').click(() => {
+  $(`#${coolTimeButtonId}`).click(() => {
     appModule.getLrnSttus = function () {
       axios.post('/std/lis/evltn/SelectLrnSttusStd.do', this.$data).then(function (response) {
         this.lrnSttus = response.data;
@@ -106,8 +109,14 @@ export default () => {
     alert('2분 쿨타임이 제거되었습니다.');
   });
 
+  // 인증 우회 버튼에 이벤트 설정
+  $(`#${bypassCertificationButtonId}`).click(() => {
+    // 인증 팝업 무시
+    bypassCertification();
+  });
+
   // 강의 숨기기 버튼에 이벤트 설정
-  $('.btn-clean').click(() => {
+  $(`#${hideLectureButtonId}`).click(() => {
     if (appModule.origin === undefined) {
       appModule.origin = appModule.cntntList;
       let copy = [];
@@ -121,8 +130,8 @@ export default () => {
       appModule.origin = undefined;
     }
 
-    $('.btn-clean').toggleClass('btn-green');
-    $('.btn-clean').toggleClass('btn-gray');
+    $(`#${hideLectureButtonId}`).toggleClass('btn-green');
+    $(`#${hideLectureButtonId}`).toggleClass('btn-gray');
   });
 
   // 과목 변경시 강의 숨기기 초기화

src/routes/online-lecture.js

@@ -1,4 +1,5 @@
 import { bypassCertification } from '../functions/bypassCertification';
+import { generateRandomString } from '../utils/string';
 
 /**
  * 페이지 이름: 온라인 강의 콘텐츠 보기
@@ -34,7 +35,10 @@ export default () => {
     }
   };
 
-  let randomStr = Math.random().toString(36).slice(2);
+  const coolTimeButtonId = generateRandomString();
+  const bypassCertificationButtonId = generateRandomString();
+  const hideLectureButtonId = generateRandomString();
+
   // 안내 문구 및 새로운 기능 렌더링
   $('#appModule > table:not(#prjctList)').after(`
     <div id="new-features" style="border: 1px solid #d3d0d0; border-radius: 5px; margin-top: 30px; padding: 10px">
@@ -44,15 +48,18 @@ export default () => {
       <div>- 2분 쿨타임 제거: 2분 쿨타임을 제거할 수 있습니다. 단, 동시에 여러 콘텐츠 학습을 하지 않도록 주의해 주세요.</div>
       <div>- 강의 숨기기: 진도율 100%인 강의를 숨길 수 있습니다.</div>
       <div style="margin-top: 20px">
-        <button type="button" id="${randomStr}" class="btn2 btn-learn">2분 쿨타임 제거</button>
-        <button type="button" id="btn-hide-lecture" class="btn2 btn-gray">강의 숨기기 On / Off</button>
+        <button type="button" id="${coolTimeButtonId}" class="btn2 btn-learn">2분 쿨타임 제거</button>
+        <button type="button" id="${bypassCertificationButtonId}" class="btn2 btn-learn">인증 우회</button>
+        <button type="button" id="${hideLectureButtonId}" class="btn2 btn-gray">강의 숨기기 On / Off</button>
       </div>
     </div>
-`);
+  `);
 
   // 2분 쿨타임 제거 버튼에 이벤트 설정
-  $('#' + randomStr).click(() => {
+  $(`#${coolTimeButtonId}`).click(() => {
     let funcName = 'getLrnStdSttus1';
+
+    // 함수 이름이 바뀌었을 때를 대비해서 스크립트에서 함수 이름을 찾아서 사용
     for (let i in document.scripts) {
       let script = document.scripts[i];
       let innerHtml = script.innerHTML;
@@ -70,6 +77,8 @@ export default () => {
         }
       }
     }
+
+    // 2분 쿨타임 제거
     if (appModule[funcName]) {
       appModule[funcName] = function () {
         axios.post('/std/lis/evltn/SelectLrnSttusStd.do', this.$data).then(function (response) {
@@ -98,8 +107,14 @@ export default () => {
     }
   });
 
+  // 인증 우회 버튼에 이벤트 설정
+  $(`#${bypassCertificationButtonId}`).click(() => {
+    // 인증 팝업 무시
+    bypassCertification();
+  });
+
   // 강의 숨기기 버튼에 이벤트 설정
-  $('#btn-hide-lecture').click(() => {
+  $(`#${hideLectureButtonId}`).click(() => {
     if (appModule.listBackup) {
       appModule.list = appModule.listBackup;
       appModule.listBackup = undefined;
@@ -109,16 +124,13 @@ export default () => {
       appModule.list = appModule.list.filter((v) => { if (v.prog !== 100) return v; });
     }
 
-    $('#btn-hide-lecture').toggleClass('btn-gray');
-    $('#btn-hide-lecture').toggleClass('btn-green');
+    $(`#${hideLectureButtonId}`).toggleClass('btn-gray');
+    $(`#${hideLectureButtonId}`).toggleClass('btn-green');
   });
 
   // 과목 변경 시 적용된 기능 초기화
   $('select[name="selectSubj"]').change(() => {
     appModule.listBackup = undefined;
     $('#new-features .btn-green').toggleClass('btn-green').toggleClass('btn-gray');
   });
-
-  // 인증 팝업 무시
-  bypassCertification();
 };

src/utils/string.ts

@@ -0,0 +1,6 @@
+/**
+ * 36진수 트릭을 이용해 랜덤한 문자열을 생성합니다.
+ */
+export function generateRandomString(): string {
+  return Math.random().toString(36).slice(2);
+}