서버 게시글

GameServer/wwwroot/js/views/about.js

@@ -0,0 +1,73 @@
+// views/about.js — 소개 화면
+// 라우트: #/about
+// 본문은 아래 ABOUT_MD 상수 하나만 고치면 된다.
+
+import { renderMarkdown } from '../markdown.js';
+
+/* 여기 내용을 자유롭게 수정하세요 */
+const ABOUT_MD = `
+## 안녕하세요, 게임 서버를 만드는 개발자입니다.
+
+Unity 클라이언트가 기대는 **서버**를 설계하고 만듭니다.
+게임이 재미있으려면 그 아래가 조용히 잘 돌아가야 한다고 생각합니다.
+지금은 개인 프로젝트 **Genesis**의 서버를 혼자 만들면서,
+캐릭터 데이터 구조부터 API 설계, 배포까지 전부 직접 다루고 있습니다.
+
+---
+
+### 지금 하고 있는 것
+
+- **Genesis 게임 서버** — Unity 게임용 REST API 서버.
+  캐릭터 생성과 성장, 유저별 보유 캐릭터 관리를 담당합니다.
+- **이 포트폴리오 사이트** — 같은 서버 위에서 함께 돌아갑니다.
+  게임 API와 한 프로세스를 쓰면서 정적 SPA로 화면을 그립니다.
+
+### 쓰는 기술
+
+- **서버** — C# / .NET 9, ASP.NET Core, Entity Framework Core
+- **데이터베이스** — MariaDB (Pomelo EF Core 프로바이더)
+- **클라이언트** — Unity, C#
+- **프론트엔드** — 프레임워크 없는 순수 ES 모듈, CSS 디자인 시스템
+
+### 일하는 방식
+
+> 돌아가게 만든 다음, 왜 돌아가는지 설명할 수 있을 때까지 다듬습니다.
+
+빌드 한 번으로 끝나는 배포를 좋아하고,
+남이 읽을 코드라고 생각하고 씁니다.
+문제가 생겼을 때 로그만 보고 원인을 짚을 수 있는 구조를 지향합니다.
+
+---
+
+### 연락
+
+작업 문의나 협업 제안은 언제든 환영합니다.
+왼쪽 위 **작업** 탭에서 만든 것들을 먼저 봐 주세요.
+`;
+
+/**
+ * 소개 뷰.
+ * @param {Object} params 사용하지 않음
+ * @param {HTMLElement} outlet
+ * @returns {Function} cleanup
+ */
+export async function view(params, outlet) {
+    outlet.innerHTML =
+        '<section class="section">' +
+        '<div class="section__head">' +
+        '<h2 class="section__title">소개</h2>' +
+        '<p class="section__sub">무엇을 만들고, 어떻게 일하는지.</p>' +
+        '</div>' +
+        '<div class="glass post">' +
+        '<div class="post__body">' + renderMarkdown(ABOUT_MD) + '</div>' +
+        '</div>' +
+        '</section>';
+
+    document.title = '김낙준 · 소개';
+
+    return () => {
+        // 붙인 리스너가 없어 따로 정리할 것이 없다.
+    };
+}
+
+export default view;