⚙ Add version on index.html

index.html

@@ -27,7 +27,9 @@ <h1>🎠 광운대학교 KLAS Helper 확장 프로그램 </h1>
 			</a>
 		</div>
 		<div style="display:flex; flex-direction:column; width: 120px;">
-
+			<div style="float: right; padding: 3px; justify-content:space-between; display:flex; align-items:center; flex-direction: row-reverse;">
+				<span style="font-size: 12px;">현재 버전 : <a style="font-size: 12px;" class="version"></a></span>
+			</div>
 			<div style="float: right; padding: 3px; justify-content:space-between; display:flex; align-items:center">
 				<label class="switch-small">
 					<input class="toggle-btn-dark" type="checkbox">
@@ -36,19 +38,9 @@ <h1>🎠 광운대학교 KLAS Helper 확장 프로그램 </h1>
 				<span style="font-size: 12px;">다크 테마 적용</span>
 			</div>
 
-			<!--<div style="float: right; padding: 3px; justify-content:space-between; display:flex; align-items:center">
-				<label class="switch-small">
-					<input class="toggle-btn-beta" type="checkbox">
-					<span class="slider-small round"></span>
-				</label>
-				<div class="tooltip">
-					<img class="tooltip-oval" src="./assets/help-circle.png" style="width:15px; height:15px;" />
-					<span class="tooltiptext tooltip-right">현재 개발중이거나 실험적인 기능을 적용합니다.</span>
-				</div>
-				<span style="font-size: 12px;">베타 모드</span>
-			</div>
 
-			<div style="float: right; padding: 3px; justify-content:space-between; display:flex; align-items:center">
+
+			<!--<div style="float: right; padding: 3px; justify-content:space-between; display:flex; align-items:center">
 				<label class="switch-small">
 					<input class="toggle-btn-debug" type="checkbox">
 					<span class="slider-small round"></span>

index.js

@@ -72,3 +72,6 @@ darkBtn.onclick = function() {
     }
 }
 
+const manifestData = browser.runtime.getManifest();
+const versionElement = document.querySelector(".version");
+versionElement.innerText = `v${manifestData.version}`;