feat: Node.js + Express 백엔드 추가

- server.js: Express 서버, 정적파일 서빙 + API 3개 - GET /api/greeting (랜덤 한국어 인사말) - POST /api/echo (에코 테스트) - GET /api/stats (서버 업타임/버전 정보) - 정적 파일을 public/ 디렉토리로 이동 - index.html에서 fetch로 API 호출하는 버튼 추가 - .gitignore, package.json 추가
2026-06-12 06:21:19 +00:00
parent 54850b79b1
commit 051c830039
9 changed files with 1037 additions and 44 deletions
--- a/public/about.html
+++ b/public/about.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>소개 | 테스트 사이트</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <nav>
+    <span class="logo">🌸 테스트 사이트</span>
+    <a href="index.html" class="btn">홈</a>
+    <a href="about.html" class="btn active">소개</a>
+    <a href="contact.html" class="btn">연락처</a>
+  </nav>
+
+  <main>
+    <h1>소개 📖</h1>
+    <p class="subtitle">이 프로젝트에 대해 소개합니다.</p>
+
+    <div class="card">
+      <span class="badge">프로젝트 소개</span>
+      <h2>coder-build-test</h2>
+      <p>이 프로젝트는 Coder 환경에서 Gitea 레포를 거쳐 Coolify로 배포하는 파이프라인을 검증하기 위한 테스트 사이트입니다.</p>
+      <p>빌드 스텝 없이 정적 HTML/CSS 파일로만 구성되어 있어, Coolify의 Static Site 배포 방식으로 바로 서빙할 수 있습니다.</p>
+    </div>
+
+    <div class="card">
+      <h2>기술 스택</h2>
+      <p>최대한 단순하게 구성했습니다.</p>
+      <div class="tag-list">
+        <span class="tag">HTML5</span>
+        <span class="tag">CSS3</span>
+        <span class="tag">Vanilla JS</span>
+        <span class="tag">Gitea</span>
+        <span class="tag">Coolify</span>
+      </div>
+    </div>
+
+    <div class="card">
+      <h2>배포 플로우</h2>
+      <p>Coder에서 코드 작성 → Gitea push → Coolify가 감지하여 자동 배포 (또는 수동 트리거)</p>
+      <div class="button-group">
+        <a href="index.html" class="btn secondary">← 홈으로</a>
+        <a href="contact.html" class="btn primary">연락처 →</a>
+      </div>
+    </div>
+  </main>
+
+  <footer>배포 테스트 사이트 &mdash; Coolify + Gitea</footer>
+</body>
+</html>