2620227
051c830039
- server.js: Express 서버, 정적파일 서빙 + API 3개 - GET /api/greeting (랜덤 한국어 인사말) - POST /api/echo (에코 테스트) - GET /api/stats (서버 업타임/버전 정보) - 정적 파일을 public/ 디렉토리로 이동 - index.html에서 fetch로 API 호출하는 버튼 추가 - .gitignore, package.json 추가
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!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>배포 테스트 사이트 — Coolify + Gitea</footer>
|
|
</body>
|
|
</html>
|