Pseudo-Lab · soohyunme · Jan 28, 2026 · Jan 27, 2026 · Jan 28, 2026
diff --git a/platform/PLATFORM.md b/platform/PLATFORM.md
@@ -24,43 +24,45 @@ npm run build
 방문자 추적 기능을 포함한 전체 플랫폼 배포 방식입니다. **(권장)**
 
 ### 3. Environment Setup
-`platform` 디렉토리 루트에 `.env` 파일을 생성하고 서버 환경에 맞게 정보를 입력합니다.
+`platform` 디렉토리 루트에 `.env` 파일을 생성하고 정보를 입력합니다.
+> [!WARNING]
+> `.env` 파일은 데이터베이스 접속 정보 등 민감한 정보를 포함하므로 절대 Git 저장소에 커밋하지 마세요. (이미 `.gitignore`에 포함되어 있습니다.)
+
 ```bash
 # .env 파일 예시
-APP_HOST=intro.pseudolab-devfactory.com
+APP_HOST=your-domain.com
 
 # Database
-DATABASE_URL=postgresql://user:pass@devfactory-postgres:5432/dbname
+# 형식: postgresql://[user]:[password]@[host]:[port]/[dbname]
+DATABASE_URL=postgresql://user:pass@localhost:5432/dbname
 ```
 
-### 3. Traefik 기반 배포
-Docker Compose를 사용하여 서비스를 실행합니다.
+### 4. Local Development
+로컬 환경에서 개발 시 코드 변경사항을 즉시 확인(Hot-Reloading)하려면 `docker-compose.dev.yml` 오버라이드 파일을 사용합니다.
+
+```bash
+cd platform
+# 개발 모드로 실행 (소스 코드 수정 시 즉시 반영)
+docker compose -f docker-compose.yml -f docker-compose.dev.yml up -d
+```
+
+### 5. Traefik 기반 배포 (Production)
+운영 서버 환경에서 Docker Compose를 사용하여 서비스를 빌드하고 실행합니다.
 ```bash
 cd platform
 # 전체 서비스 빌드 및 실행
-docker-compose up -d --build
+docker compose up -d --build
 ```
 
 #### 배포 확인
 - **Frontend (Web)**: `https://<APP_HOST>`
 - **Backend (API)**: `https://<APP_HOST>/api/health`
 
-### 4. Database Schema
-사용 중인 `logging.access_log` 테이블의 구조는 다음과 같아야 합니다.
-```sql
-CREATE TABLE logging.access_log (
-    id SERIAL PRIMARY KEY,
-    ts TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
-    path TEXT NOT NULL,
-    method TEXT NOT NULL,
-    status INTEGER NOT NULL,
-    latency_ms INTEGER,
-    ip_hash TEXT,
-    user_agent TEXT,
-    referrer TEXT
-);
-```
+### 6. Security & Logging
+- **Logging**: 본 플랫폼은 방문자 추적을 위해 `logging.access_log` 테이블을 사용합니다. 상세 스키마는 내부 데이터베이스 관리 문서를 참조하세요.
+- **API Security**: `/api/stats` 관련 엔드포인트는 데이터 적재 및 조회를 위해 공개되어 있습니다. 필요 시 특정 도메인(CORS) 제한이나 Rate Limiting을 적용하는 것을 권장합니다.
+- **Credential Management**: 운영 환경에서는 정기적으로 데이터베이스 비밀번호를 변경하고 `.env` 관리에 유의하세요.
 
-### 5. Verification
+### 7. Verification
 - Traefik 대시보드에서 `df-platform` 관련 라우터가 활성화되었는지 확인하세요.
 - 브라우저에서 사이트 접속 시 HTTPS 상시 연결 및 방문 기록 적재 여부를 확인하세요.
diff --git a/platform/frontend/history/index.html b/platform/frontend/history/index.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="ko">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DevFactory | Our Journey</title>
+    <link rel="icon" type="image/png" href="/favicon.png">
+    <link rel="stylesheet" href="/style.css">
+</head>
+
+<body>
+    <header class="brand-header">
+        <div class="header-content">
+            <a href="/" class="logo-container">
+                <img src="/brand_logo.png" alt="Pseudo-Lab DevFactory" class="brand-logo standard-logo">
+                <span class="team-label">DevFactory</span>
+            </a>
+            <nav class="header-nav">
+                <a href="/" class="nav-link">Home</a>
+            </nav>
+        </div>
+    </header>
+
+    <div class="bg-grid"></div>
+    <div class="bg-glow"></div>
+
+    <div class="history-container">
+        <div class="history-intro">
+            <div class="role-tag" style="margin-bottom: 1rem;">OUR JOURNEY</div>
+            <h1 class="history-title">History of<br>DevFactory</h1>
+            <p style="color: var(--text-dim); max-width: 600px; margin: 0 auto; line-height: 1.8;">
+                가짜연구소의 기술적 도전을 실현하기 위해 모인 엔지니어들의 여정입니다.<br>
+                작은 커뮤니티 빌딩에서 시작해, 이제는 DevFactory라는 이름으로<br>
+                더 큰 기술적 가치를 세상과 연결하고 있습니다.
+            </p>
+        </div>
+
+        <div class="timeline">
+            <!-- 2026 (Present) -->
+            <div class="timeline-item">
+                <div class="timeline-year">2026 (Present)</div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <h3>Preparing for Next Step</h3>
+                    <p>다양한 행사에서 활용 가능한 '빙고 서비스의 플랫폼화' 개발에 주력 중 (주최자가 직접 이벤트를 개설하고 운영하는 범용 시스템 구축). 수료증 발급 시스템의 안정적 운영
+                        지속.</p>
+                </div>
+                <div class="timeline-content">
+                    <div class="timeline-date">2026 / 01</div>
+                    <h3>2nd Grand Gathering</h3>
+                    <p>네트워킹 프로그램(친해지길바라) 운영 및 가짜연구소 수료증 발급 서비스 오픈.</p>
+                </div>
+            </div>
+
+            <!-- 2025 -->
+            <div class="timeline-item">
+                <div class="timeline-year">2025</div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2025 / 09</div>
+                    <h3>가짜연구소 11기 DevFactory</h3>
+                    <p>새로운 네트워킹 프로그램(친해지길바라) 개발 및 JobPT와의 콜라보 진행 (AI 이력서 분석 및 피드백 서비스 개발).</p>
+                </div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2025 / 07</div>
+                    <h3>한국 비즈니스 실험 심포지엄 2025</h3>
+                    <p>Moderated Network Session(네트워킹 프로그램 - 빙고) 운영 및 기술 지원.</p>
+                </div>
+                <!-- 2025/05 is likely based on 9th PseudoCon position -->
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2025 / 05</div>
+                    <h3>9th PseudoCon</h3>
+                    <p>네트워킹 프로그램(빙고) 운영 및 디자인 리뉴얼, 신규 기능 추가.</p>
+                </div>
+                <div class="timeline-content">
+                    <div class="timeline-date">2025 / 03</div>
+                    <div class="role-tag"
+                        style="font-size: 0.6rem; padding: 0.1rem 0.4rem; margin-bottom: 0.5rem; background: rgba(0, 242, 255, 0.2);">
+                        NEW START</div>
+                    <h3>DevSquad의 새로운 출발, DevFactory</h3>
+                    <p>가짜연구소 10기, 'DevFactory'라는 이름으로 새롭게 정비하고 팀의 정체성을 더욱 공고히 함.</p>
+                </div>
+            </div>
+
+            <!-- 2024 -->
+            <div class="timeline-item">
+                <div class="timeline-year">2024</div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2024 / 11</div>
+                    <h3>1st Grand Gathering - sudo pseudo explorer</h3>
+                    <p>네트워킹 프로그램(빙고) 운영 및 추가 네트워킹 요소 도입으로 커뮤니티 활성화 지원.</p>
+                </div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2024 / 06</div>
+                    <h3>8th PseudoCon</h3>
+                    <p>네트워킹 프로그램(빙고) 운영 및 편의성/디자인 개선 작업을 통한 사용자 경험 고도화.</p>
+                </div>
+                <div class="timeline-content">
+                    <div class="timeline-date">2024 / 01</div>
+                    <h3>DevSquad 출범</h3>
+                    <div class="role-tag"
+                        style="border-color: var(--accent-magenta); color: var(--accent-magenta); background: rgba(255, 0, 255, 0.1); font-size: 0.6rem; padding: 0.1rem 0.4rem; margin-bottom: 0.5rem;">
+                        ROOTS</div>
+                    <p>가짜연구소 8기, DevFactory의 뿌리가 된 엔지니어링 조직 'DevSquad' 본격 활동 시작.</p>
+                </div>
+            </div>
+
+            <!-- 2023 -->
+            <div class="timeline-item">
+                <div class="timeline-year">2023</div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2023 / 11</div>
+                    <h3>7th PseudoCon</h3>
+                    <p>네트워킹 프로그램(빙고) 첫 공개 및 부스 운영을 통해 커뮤니티와 첫 기술적 조우.</p>
+                </div>
+                <div class="timeline-content" style="margin-bottom: 1.5rem;">
+                    <div class="timeline-date">2023 / 07</div>
+                    <h3>Community Builders</h3>
+                    <p>개발자들끼리 모여 네트워킹을 위한 네트워킹 프로그램(빙고) 기획 및 개발 시작.</p>
+                </div>
+                <div class="timeline-content">
+                    <div class="timeline-date">2023 / 05</div>
+                    <h3>6th PseudoCon</h3>
+                    <p>대화 주제가 적힌 종이 한 장에서 시작된 네트워킹 세션 운영.</p>
+                </div>
+            </div>
+        </div>
+
+        <div class="journey-cta" style="text-align: center; margin-top: 5rem;">
+            <a href="/" class="btn-secondary">메인으로 돌아가기</a>
+        </div>
+    </div>
+
+    <footer class="site-footer" style="margin-top: 0;">
+        <div class="footer-bottom">
+            <p class="copyright">&copy; 2025 Pseudo-Lab DevFactory. All rights reserved.</p>
+        </div>
+    </footer>
+</body>
+
+</html>