🎰 로또 번호 생성기 - 행운의 숫자 조합 뽑기

g5se가 설치된 디렉터리(루트에 `index.php`·`app/`이 있는 곳)에서 작업을 시작합니다. (g5se 설치는 https://github.com/gnuboard/g5se 참고)

## Step 1: 프로젝트 기본 골격 생성

`app/modules/lotto-number-generator/index.php` 파일을 만들고 modern shell 골격을 적용합니다.

### 요구사항:

1. **폴더 생성**: `app/modules/lotto-number-generator/` 폴더를 만듭니다
2. **Modern shell 골격 적용**:
   - `_common.php` 인클루드 (g5se 초기화)
   - `G5_THEME_PATH.'/modern/_head.inc.php'` 인클루드 (HTML head + CSS 변수)
   - `./head.sub.php` 인클루드
   - `<div class="m-shell">` 래퍼
   - `G5_THEME_PATH.'/modern/_nav.inc.php'` 인클루드 (상단 네비게이션)
   - `<main class="m-container">` (본문 영역)
   - `G5_THEME_PATH.'/modern/_footer.inc.php'` 인클루드 (하단 푸터)
   - `./tail.sub.php` 인클루드
3. **페이지 제목**: "🎰 로또 번호 생성기"
4. **간단한 안내 문구**: "행운의 숫자 조합을 뽑아보세요!"
5. **생성 버튼**: "번호 생성하기" 버튼 하나만 표시 (아직 동작 안 함)

### 주의사항:
- 모든 경로는 상대경로 (`./`, `G5_THEME_PATH`) 사용
- `_common.php` 인클루드 후 `G5_THEME_PATH` 상수가 정의됨
- 라우트 등록은 **하지 말 것** (폴더 자동 매핑)
- 아직 DB 연동 없음, 버튼도 동작하지 않음 (골격만)

이 단계에서는 페이지가 `/lotto-number-generator`로 접속되고, 상단 nav/하단 footer가 자동으로 표시되며, 다크모드 토글이 작동하는지 확인합니다.

## Step 2: 로또 번호 생성 로직 구현

버튼 클릭 시 1~45 사이의 중복 없는 6개 숫자를 랜덤으로 생성하여 화면에 표시합니다.

### 요구사항:

1. **폼 제출 처리**:
   - `<form method="post">` 형태로 버튼을 감쌉니다
   - `<input type="hidden" name="action" value="generate">`로 액션 구분
   - PHP에서 `$_POST['action'] === 'generate'` 체크

2. **번호 생성 로직**:
   ```php
   $numbers = range(1, 45);
   shuffle($numbers);
   $selected = array_slice($numbers, 0, 6);
   sort($selected); // 오름차순 정렬
   ```

3. **번호 시각화**:
   - 생성된 6개 숫자를 큰 원형 배지로 표시
   - 배지 스타일:
     - `width: 60px; height: 60px;`
     - `border-radius: 50%;`
     - `background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);` (그라데이션)
     - `color: white;`
     - `font-size: 24px; font-weight: bold;`
     - `display: inline-flex; align-items: center; justify-content: center;`
     - `box-shadow: var(--m-shadow);`
     - `margin: 8px;`
   - 6개 배지를 가로로 나열 (flexbox 사용)

4. **조건부 렌더링**:
   - 번호가 생성되지 않았을 때: 안내 문구만 표시
   - 번호가 생성되었을 때: 배지 6개 표시 + "다시 뽑기" 버튼

5. **CSS 변수 활용**:
   - 카드 배경: `background: var(--m-surface);`
   - 텍스트: `color: var(--m-text);`
   - 흐린 텍스트: `color: var(--m-text-muted);`

### 주의사항:
- AJAX 사용하지 말 것 (폼 제출 방식)
- 번호는 변수에 저장만 하고 아직 DB에 저장하지 않음
- XSS 방지를 위해 숫자 출력 시 `htmlspecialchars()` 사용 (숫자지만 습관화)

이 단계에서는 버튼 클릭 시 페이지가 새로고침되며 6개의 랜덤 번호가 예쁜 원형 배지로 표시됩니다.

## Step 3: SQLite DB 연동 및 생성 이력 저장

생성된 번호 조합을 SQLite DB에 저장하고, 과거 이력을 목록으로 표시합니다.

### 요구사항:

1. **SQLite DB 초기화**:
   - DB 파일 경로: `G5_DATA_PATH.'/modules/lotto.sqlite'`
   - 폴더가 없으면 생성: `@mkdir(G5_DATA_PATH.'/modules', 0707, true);`
   - PDO 연결: `new PDO('sqlite:'.G5_DATA_PATH.'/modules/lotto.sqlite')`
   - 에러 모드 설정: `$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);`

2. **테이블 생성** (첫 접근 시 자동):
   ```sql
   CREATE TABLE IF NOT EXISTS draws (
       id INTEGER PRIMARY KEY AUTOINCREMENT,
       numbers_json TEXT NOT NULL,
       created_at TEXT NOT NULL
   )
   ```
   - `numbers_json`: JSON 형태로 6개 숫자 배열 저장 (예: `[3,12,25,33,38,45]`)
   - `created_at`: 생성 시각 (ISO 8601 형식, 예: `2025-01-15 14:30:22`)

3. **번호 생성 시 DB 저장**:
   - 번호 생성 후 즉시 DB에 INSERT
   - Prepared statement 사용:
     ```php
     $stmt = $pdo->prepare('INSERT INTO draws (numbers_json, created_at) VALUES (?, ?)');
     $stmt->execute([json_encode($selected), date('Y-m-d H:i:s')]);
     ```

4. **이력 목록 조회**:
   - 최신순으로 최대 10개 조회:
     ```php
     $stmt = $pdo->query('SELECT * FROM draws ORDER BY id DESC LIMIT 10');
     $history = $stmt->fetchAll(PDO::FETCH_ASSOC);
     ```
   - 각 이력을 카드 형태로 표시:
     - 카드 배경: `var(--m-surface)`
     - 그림자: `var(--m-shadow)`
     - 라운드 모서리: `var(--m-radius-lg)`
     - 카드 안에 6개 작은 배지 (30px x 30px) + 생성 시각

5. **이력 삭제 기능**:
   - 각 카드 옆에 "삭제" 버튼
   - `<form method="post">` + `<input type="hidden" name="action" value="delete">` + `<input type="hidden" name="id" value="<?= $row['id'] ?>">`
   - PHP에서 `$_POST['action'] === 'delete'` 체크 후 해당 id 삭제:
     ```php
     $stmt = $pdo->prepare('DELETE FROM draws WHERE id = ?');
     $stmt->execute([$_POST['id']]);
     ```

6. **레이아웃**:
   - 상단: 번호 생성 섹션 (큰 배지)
   - 하단: 이력 목록 섹션 ("지난 번호들" 제목 + 카드 리스트)

### 주의사항:
- g5se 메인 DB에는 절대 테이블을 만들지 말 것
- Prepared statement로 SQL 인젝션 방지
- JSON 인코딩/디코딩 시 에러 처리
- XSS 방지: 시각 출력 시 `htmlspecialchars()`

이 단계에서는 번호 생성 시 자동으로 DB에 저장되고, 페이지 하단에 과거 이력이 최신순으로 표시됩니다. 각 이력은 삭제 버튼으로 개별 삭제 가능합니다.