260706_1_계정, 로그인, 보안 초안 작성

A09_Security/A09_Security_UI_Page.ts

@@ -0,0 +1,30 @@
+import { currentLanguageIndex, ui_locales } from "@ui/ui_template_locale";
+import { SECURITY_TERMS_VERSION, securityTerms } from "./A09_Security_Terms";
+import "./A09_Security_UI_Style.css";
+
+const L = (key: keyof typeof ui_locales): string => ui_locales[key][currentLanguageIndex];
+
+export function renderA09Security(root: HTMLElement): void {
+  const page = document.createElement("article");
+  page.className = "a09-security";
+  const title = document.createElement("h1");
+  title.textContent = L("A09_Security_Title");
+  const version = document.createElement("p");
+  version.textContent = `${L("A09_Security_Version")} ${SECURITY_TERMS_VERSION}`;
+  page.append(title, version);
+  const sections = [
+    ["A09_Security_Terms", securityTerms.terms],
+    ["A09_Security_Privacy", securityTerms.privacy],
+    ["A09_Security_Policy", securityTerms.security],
+  ] as const;
+  for (const [headingKey, body] of sections) {
+    const section = document.createElement("section");
+    const heading = document.createElement("h2");
+    heading.textContent = L(headingKey);
+    const paragraph = document.createElement("p");
+    paragraph.textContent = body[currentLanguageIndex];
+    section.append(heading, paragraph);
+    page.append(section);
+  }
+  root.append(page);
+}