first commit

2026-07-15 17:29:25 +09:00
commit a74fe7a388
@@ -0,0 +1,169 @@
+<script setup lang="ts">
+import AppShell from '@/components/AppShell.vue';
+import { APP_DISPLAY_NAME, APP_GIT_URL, APP_NAME } from '@/config/app';
+
+const thirdParty = [
+  { name: 'Vue', license: 'MIT', url: 'https://github.com/vuejs/core' },
+  { name: 'Vue Router', license: 'MIT', url: 'https://github.com/vuejs/router' },
+  { name: 'Vite', license: 'MIT', url: 'https://github.com/vitejs/vite' },
+  { name: 'Express', license: 'MIT', url: 'https://github.com/expressjs/express' },
+  { name: 'jsonwebtoken', license: 'MIT', url: 'https://github.com/auth0/node-jsonwebtoken' },
+  { name: 'multer', license: 'MIT', url: 'https://github.com/expressjs/multer' },
+  { name: 'uuid', license: 'MIT', url: 'https://github.com/uuidjs/uuid' },
+];
+</script>
+
+<template>
+  <AppShell>
+    <main class="licenses">
+      <header class="licenses__header">
+        <RouterLink class="back" to="/">← 홈</RouterLink>
+        <h1>오픈소스 라이선스 · 고지</h1>
+        <p>
+          {{ APP_DISPLAY_NAME }}({{ APP_NAME }})에 포함된 주요 소프트웨어의 라이선스와
+          고지 사항입니다.
+        </p>
+      </header>
+
+      <section class="card">
+        <h2>본 앱</h2>
+        <p>라이선스: <strong>MIT</strong></p>
+        <p v-if="APP_GIT_URL">
+          소스 코드:
+          <a :href="APP_GIT_URL" target="_blank" rel="noopener noreferrer">{{
+            APP_GIT_URL
+          }}</a>
+        </p>
+        <p v-else class="muted">
+          소스 저장소 URL은 <code>APP_GIT_URL</code> 상수에 설정할 수 있습니다.
+        </p>
+      </section>
+
+      <section class="card">
+        <h2>ONLYOFFICE Document Server</h2>
+        <p>
+          Community Edition은 일반적으로
+          <strong>GNU AGPL v3</strong>로 배포됩니다. 서버에 Document Server를
+          배포·수정하는 경우 AGPL 의무(소스 제공 등)를 확인하세요.
+        </p>
+        <ul>
+          <li>
+            <a
+              href="https://www.onlyoffice.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+              >onlyoffice.com</a
+            >
+          </li>
+          <li>
+            <a
+              href="https://github.com/ONLYOFFICE/DocumentServer"
+              target="_blank"
+              rel="noopener noreferrer"
+              >DocumentServer (GitHub)</a
+            >
+          </li>
+        </ul>
+        <p class="muted">
+          ONLYOFFICE는 Ascensio System SIA의 상표입니다. 본 프로젝트는 OnlyOffice와
+          공식 제휴 관계가 없습니다.
+        </p>
+      </section>
+
+      <section class="card">
+        <h2>rhwp (@rhwp/editor, @rhwp/core)</h2>
+        <p>라이선스: <strong>MIT</strong></p>
+        <p>
+          HWP/HWPX 뷰어·에디터 —
+          <a
+            href="https://github.com/edwardkim/rhwp"
+            target="_blank"
+            rel="noopener noreferrer"
+            >github.com/edwardkim/rhwp</a
+          >
+        </p>
+        <p class="muted">
+          “한글”, “한컴”, “HWP”, “HWPX”는 주식회사 한글과컴퓨터의 등록 상표입니다.
+          rhwp 및 본 앱은 한글과컴퓨터와 제휴·후원·승인 관계가 없는 독립 프로젝트입니다.
+        </p>
+      </section>
+
+      <section class="card">
+        <h2>기타 주요 의존성</h2>
+        <ul class="deps">
+          <li v-for="item in thirdParty" :key="item.name">
+            <a :href="item.url" target="_blank" rel="noopener noreferrer">{{
+              item.name
+            }}</a>
+            — {{ item.license }}
+          </li>
+        </ul>
+      </section>
+    </main>
+  </AppShell>
+</template>
+
+<style scoped>
+.licenses {
+  flex: 1;
+  width: min(720px, 100%);
+  margin: 0 auto;
+  padding: 2rem 1.25rem 3rem;
+}
+
+.licenses__header h1 {
+  font-family: var(--font-display);
+  font-size: 1.85rem;
+  margin: 0.5rem 0 0.5rem;
+}
+
+.licenses__header p {
+  color: var(--muted);
+  margin: 0 0 1.5rem;
+  line-height: 1.5;
+}
+
+.back {
+  color: var(--accent);
+  text-decoration: none;
+  font-size: 0.9rem;
+}
+
+.card {
+  padding: 1.25rem 0;
+  border-top: 1px solid var(--border);
+}
+
+.card h2 {
+  font-size: 1.1rem;
+  margin: 0 0 0.65rem;
+}
+
+.card p,
+.card li {
+  font-size: 0.92rem;
+  line-height: 1.55;
+  color: var(--ink-soft);
+}
+
+.card a {
+  color: var(--accent);
+}
+
+.muted {
+  color: var(--muted) !important;
+  font-size: 0.85rem !important;
+}
+
+.deps {
+  padding-left: 1.1rem;
+  margin: 0;
+}
+
+code {
+  font-size: 0.85em;
+  background: var(--accent-soft);
+  padding: 0.1em 0.35em;
+  border-radius: 3px;
+}
+</style>