# Plan: 메인 Photo Section — 전 게시판 미디어(이미지/동영상) 노출
## Summary
메인페이지 photo section이 현재 `photo` 게시판(일상/풍경/사진) 글만 노출한다. 이를 **모든 게시판**에서 이미지 또는 임베드 동영상(YouTube)이 포함된 최신 글의 대표 이미지(thumbnail)가 노출되도록 확장한다. 썸네일 데이터는 이미 저장 시점에 전 게시판에 대해 생성되고 있으므로(`tb_post.thumbnail`), **조회 쿼리와 뷰만 변경**하면 된다.
## User Story
As a 블로그 방문자,
I want 메인페이지 포토 영역에서 게시판 구분 없이 이미지·동영상이 있는 최신 글을 한눈에 보고,
So that 어떤 게시판에 올라온 미디어든 놓치지 않고 탐색할 수 있다.
## Problem → Solution
- 현재: `MainController::index` → `BoardService::latest('photo')` → `Board::getLatest`가 `BRD.code = 'photo'`로 제한 → 다른 게시판의 이미지/동영상 글은 미노출
- 변경: 전 게시판 대상 + `thumbnail`이 존재하는 글만 조회하는 신규 메서드(`getLatestMedia` / `latestMedia`) 추가, 메인에서 그것을 사용
## Metadata
- **Complexity**: Small–Medium
- **Source PRD**: N/A (free-form)
- **PRD Phase**: N/A
- **Estimated Files**: 5 (+1 선택)
---
## UX Design
### Before
```
┌─ 메인페이지 ──────────────────────────────┐
│ [일상/풍경/사진] [전체보기→photo] │
│ ┌───┐┌───┐┌───┐┌───┐ │
│ │img││img││img││img│ ← photo 게시판 글만 │
│ └───┘└───┘└───┘└───┘ │
└──────────────────────────────────────────┘
다른 게시판에 이미지/영상 글 → 안 보임
```
### After
```
┌─ 메인페이지 ──────────────────────────────┐
│ [포토/미디어] [전체보기→recently] │
│ ┌───┐┌───┐┌───┐┌───┐ │
│ │img││ 🎬││img││img│ ← 전 게시판, 썸네일 有만 │
│ └───┘└───┘└───┘└───┘ │
│ [게시판명] 제목 … │
└──────────────────────────────────────────┘
```
### Interaction Changes
| Touchpoint | Before | After | Notes |
|---|---|---|---|
| photo section 데이터 | photo 게시판 최신글 (썸네일 없어도 포함) | 전 게시판 썸네일 보유 글 | 썸네일 없는 글은 제외됨 |
| section 제목 | "일상/풍경/사진" | "포토/미디어" (임의 변경 가능) | 사용자 취향 |
| 전체보기 링크 | `route('board.list','photo')` | `route('recently')` | 전 게시판이므로 |
| 캡션 라벨 | `[categoryName]` | `[boardName]` (있으면 category 우선) | 출처 게시판 표시 |
---
## Mandatory Reading
| Priority | File | Lines | Why |
|---|---|---|---|
| P0 | `app/Models/Board.php` | 558–606 | `getLatest` — 미러링할 SQL 패턴 (raw SQL + @code 변수 + getPaginator) |
| P0 | `app/Services/BoardService.php` | 156–175, 205–258 | `latest()` 캐시 패턴 + `_filter()` 가공 패턴 |
| P0 | `app/Http/Controllers/MainController.php` | 38–62 | photo section 데이터 주입 지점 |
| P1 | `resources/views/desktop/main.blade.php` | 136–175 | 데스크톱 photo section 마크업 |
| P1 | `resources/views/mobile/main.blade.php` | 136–170 | 모바일 photo section 마크업 (photo-strip) |
| P2 | `app/Http/Traits/CommonTrait.php` | 152–166 | `getThumbnail` — 썸네일 생성 규칙 (img → YouTube iframe → default) |
| P2 | `app/Services/PostService.php` | 166–200, 258–300 | 저장 시 thumbnail/image_rows/video_rows 세팅 확인 |
## External Documentation
없음 — 내부 패턴만 사용. "No external research needed — feature uses established internal patterns."
---
## Patterns to Mirror
### RAW_SQL_QUERY (Model)
```php
// SOURCE: app/Models/Board.php:558-606 (getLatest)
$sql = "
SELECT COUNT(*) AS total
FROM
(SELECT @code := ?) V,
tb_post PST
JOIN tb_board BRD ON BRD.id = PST.board_id
WHERE
CASE WHEN @code IS NOT NULL THEN BRD.code = @code ELSE (PST.is_notice = 0 AND PST.is_speaker = 0) END
AND BRD.is_display = 1 AND PST.is_delete = 0;
";
$total = DB::selectOne($sql, [$code])->total;
// ... SELECT 목록은 BRD.code, BRD.name AS boardName, BCA.name AS categoryName, PST.* 필드 나열
$list = $this->getPaginator(
DB::select($sql, [$code, $this->getPageOffset($page), $perPage]), $total, $perPage, $page,
($code ? route('board.list', $code) : null)
);
return (object)['total' => $total, 'list' => $list];
```
### SERVICE_CACHE_PATTERN
```php
// SOURCE: app/Services/BoardService.php:159-175 (latest)
$cacheName = sprintf('latest-board-%s-%d-%d', $code, $page, $perPage);
if (!$latest = Cache::get($cacheName)) {
$latest = $this->boardModel->getLatest($code, $page, $perPage);
if($latest->total) {
$num = listNum($latest->total, $page, $perPage);
foreach ($latest->list as $i => $row) {
$row->num = $num--;
$latest->list[$i] = $this->_filter($row);
}
$latest->list->filter();
}
Cache::tags('latest-board')->put($cacheName, $latest, CACHE_EXPIRE_TIME);
}
return $latest;
```
### CONTROLLER_INJECTION
```php
// SOURCE: app/Http/Controllers/MainController.php:49-61
// 사진게시판
$photo = $this->boardService->latest('photo', 1, DEFAULT_LIST_PER_PAGE);
// ...
return view(layout('main'), [ 'popups' => ..., 'photo' => $photo, ... ]);
```
### BLADE_THUMBNAIL_RENDER
```blade
{{-- SOURCE: resources/views/desktop/main.blade.php:146-163 --}}
@if($photo && $photo->total > 0)
@foreach($photo->list as $row)
...
@if($row->thumbnail)
@endif
```
### NAMING_CONVENTION
- Model 조회: `getLatest`, `getSearch`, `getUserPosts` → 신규는 `getLatestMedia`
- Service: `latest`, `search`, `userPosts` → 신규는 `latestMedia`
- SQL 별칭: `PST`(tb_post), `BRD`(tb_board), `BCA`(tb_board_category), `USR`(users)
- 주석: 한국어 한 줄 doc-comment (`/** 게시판 최근 게시글 */`)
---
## Files to Change
| File | Action | Justification |
|---|---|---|
| `app/Models/Board.php` | UPDATE | `getLatestMedia(int $page, int $perPage)` 추가 (getLatest 뒤에) |
| `app/Services/BoardService.php` | UPDATE | `latestMedia(int $page, int $perPage)` 추가 (latest 뒤에) |
| `app/Http/Controllers/MainController.php` | UPDATE | `latest('photo',...)` → `latestMedia(...)` 교체 |
| `resources/views/desktop/main.blade.php` | UPDATE | 제목/전체보기 링크/캡션 라벨 변경 |
| `resources/views/mobile/main.blade.php` | UPDATE | 동일 변경 (photo-strip 구조 유지) |
| `app/Console/Commands/RebuildThumbnails.php` | CREATE (선택) | 구(舊) 게시글 썸네일 백필 — Task 6 참조 |
## NOT Building
- 게시판별 노출 on/off 관리 설정 (board_meta 옵션) — 필요 시 후속
- YouTube 외 동영상(Vimeo 등) 썸네일 추출 — `getThumbnail` 확장은 별도 건
- photo section의 페이징/무한스크롤
- `clearLatest`의 캐시 태그 불일치 수정 (아래 GOTCHA 참조 — 기존 동작 유지)
---
## Step-by-Step Tasks
### Task 1: `Board::getLatestMedia` 추가
- **ACTION**: `app/Models/Board.php`의 `getLatest`(606행) 바로 뒤에 신규 메서드 추가
- **IMPLEMENT**:
```php
/**
* 전체 게시판 최근 미디어(썸네일 보유) 게시글 조회
*/
public function getLatestMedia(int $page, int $perPage): object
{
$sql = "
SELECT
COUNT(*) AS total
FROM
tb_post PST
JOIN tb_board BRD ON BRD.id = PST.board_id
WHERE
PST.thumbnail IS NOT NULL AND PST.thumbnail != ''
AND PST.is_notice = 0 AND PST.is_speaker = 0
AND PST.is_secret = 0 AND PST.is_personal = 0
AND BRD.is_display = 1 AND PST.is_delete = 0;
";
$total = DB::selectOne($sql)->total;
$sql = "
SELECT
BRD.code, BRD.name AS boardName,
BCA.name AS categoryName,
PST.id, PST.board_id, PST.board_category_id, PST.user_id, PST.thumbnail, PST.subject, PST.content,
PST.sid, PST.username, PST.email, PST.comment_rows, PST.is_reply, PST.is_personal, PST.is_secret,
PST.is_notice, PST.is_speaker, PST.is_html, PST.use_comment, PST.receive_email, PST.hit, PST.like, PST.dislike,
PST.blame, PST.ip_address, PST.user_agent, PST.device_type, PST.file_rows, PST.image_rows,
PST.link_rows, PST.tag_rows, PST.is_delete, PST.created_at
FROM
tb_post PST
INNER JOIN tb_board BRD ON BRD.id = PST.board_id
LEFT JOIN tb_board_category BCA ON BCA.id = PST.board_category_id
LEFT JOIN users USR ON USR.id = PST.user_id
WHERE
PST.thumbnail IS NOT NULL AND PST.thumbnail != ''
AND PST.is_notice = 0 AND PST.is_speaker = 0
AND PST.is_secret = 0 AND PST.is_personal = 0
AND BRD.is_display = 1 AND PST.is_delete = 0
ORDER BY
PST.created_at DESC, PST.id DESC
LIMIT ?, ?;
";
$list = $this->getPaginator(
DB::select($sql, [$this->getPageOffset($page), $perPage]), $total, $perPage, $page, null
);
return (object)[
'total' => $total,
'list' => $list
];
}
```
- **MIRROR**: RAW_SQL_QUERY 패턴 (SELECT 필드 목록·별칭·getPaginator 호출을 getLatest와 동일하게)
- **IMPORTS**: 추가 불필요 (기존 `DB` 파사드 사용 중)
- **GOTCHA**: ① 크로스보드 공개 영역이므로 `is_secret = 0 AND is_personal = 0` 필터 **필수** — 기존 getLatest(code=NULL)에는 없어 비밀글이 노출될 수 있는 구조지만, 미디어 섹션은 썸네일이 그대로 보이므로 반드시 막을 것. ② `@code` 세션변수 패턴은 단일 코드 필터용이므로 여기선 불필요 — 제거.
- **VALIDATE**: `php -l app/Models/Board.php` → No syntax errors
### Task 2: `BoardService::latestMedia` 추가
- **ACTION**: `app/Services/BoardService.php`의 `latest()`(175행) 바로 뒤에 추가
- **IMPLEMENT**:
```php
/**
* 전체 게시판 최근 미디어 게시글
*/
public function latestMedia(int $page = 1, int $perPage = DEFAULT_LIST_PER_PAGE)
{
$cacheName = sprintf('latest-media-%d-%d', $page, $perPage);
if (!$latest = Cache::get($cacheName)) {
$latest = $this->boardModel->getLatestMedia($page, $perPage);
if($latest->total) {
$num = listNum($latest->total, $page, $perPage);
foreach ($latest->list as $i => $row) {
$row->num = $num--;
$latest->list[$i] = $this->_filter($row);
}
$latest->list->filter();
}
Cache::tags('latest-board')->put($cacheName, $latest, CACHE_EXPIRE_TIME);
}
return $latest;
}
```
- **MIRROR**: SERVICE_CACHE_PATTERN (latest()와 동일 구조, 캐시명만 `latest-media-…`)
- **IMPORTS**: 추가 불필요
- **GOTCHA**: ① `_filter()`가 null 반환 가능(공지 제외 설정 등) → `list->filter()` 호출 유지. ② 기존 `clearLatest()`는 태그 `latest-board-{code}`를 flush하지만 `latest()`는 태그 `latest-board`로 저장하는 **기존 불일치**가 있음 — 신규도 동일 태그(`latest-board`)를 사용해 기존 동작(CACHE_EXPIRE_TIME 만료 의존)과 일관 유지. 글 등록 직후 즉시 반영 안 되는 것은 기존 photo section과 동일한 특성.
- **VALIDATE**: `php -l app/Services/BoardService.php`
### Task 3: `MainController::index` 교체
- **ACTION**: `app/Http/Controllers/MainController.php:49-50` 수정
- **IMPLEMENT**:
```php
// 전체 게시판 미디어(사진/동영상)
$photo = $this->boardService->latestMedia(1, DEFAULT_LIST_PER_PAGE);
```
- **MIRROR**: CONTROLLER_INJECTION — 뷰 변수명 `photo` 유지(뷰 diff 최소화)
- **GOTCHA**: 변수명을 바꾸면 desktop/mobile 두 뷰를 모두 수정해야 하므로 유지한다.
- **VALIDATE**: `php -l app/Http/Controllers/MainController.php`
### Task 4: 데스크톱 뷰 수정
- **ACTION**: `resources/views/desktop/main.blade.php:136-163`
- **IMPLEMENT**: ① 제목 `일상/풍경/사진` → `포토/미디어`, ② 전체보기 `route('board.list', 'photo')` → `route('recently')`, ③ 캡션 라벨을 게시판 출처로:
```blade
@if($row->categoryName)
@else
@endif
```
- **MIRROR**: BLADE_THUMBNAIL_RENDER — `@if($row->thumbnail)` 가드·`onerror` 폴백 유지
- **GOTCHA**: `getLatestMedia`가 썸네일 보유 글만 반환하므로 `@if($row->thumbnail)` 가드는 사실상 항상 참이지만, `_filter` 이후 안전장치로 유지.
- **VALIDATE**: `php artisan view:clear && php artisan view:cache` 오류 없음
### Task 5: 모바일 뷰 수정
- **ACTION**: `resources/views/mobile/main.blade.php:136-160` — Task 4와 동일 변경 (photo-strip 가로 스크롤 구조는 유지)
- **MIRROR**: Task 4
- **VALIDATE**: `php artisan view:clear && php artisan view:cache`
### Task 6 (선택): 구 게시글 썸네일 백필 커맨드
- **ACTION**: 썸네일 저장 기능 도입 이전의 옛 글은 `thumbnail`이 NULL이라 미디어 섹션에 안 나온다. 필요 시 `php artisan make:command RebuildThumbnails`로 백필.
- **IMPLEMENT**: `tb_post`에서 `thumbnail IS NULL AND (image_rows > 0 OR content LIKE '%content)` 적용 → UPDATE. 청크(1000행) 단위 처리.
- **GOTCHA**: `getThumbnail`은 YouTube만 동영상 썸네일 지원. 실행 전 `SELECT COUNT(*)`로 대상 규모 확인.
- **VALIDATE**: dry-run 옵션(`--dry`)으로 대상 수만 출력 → 실제 실행 → 메인 확인
---
## Testing Strategy
### Unit Tests
프로젝트에 기존 테스트 스위트가 확인되지 않음 — 수동 검증 중심. (테스트 도입 시 `Board::getLatestMedia` 쿼리 결과의 비밀글 미포함을 최우선 검증)
| Test | Input | Expected Output | Edge Case? |
|---|---|---|---|
| 미디어 섹션 조회 | 이미지 글 3개(각기 다른 게시판) | 3개 모두 노출 | |
| YouTube 임베드 글 | iframe만 있는 글 | `img.youtube.com/vi/{key}/mqdefault.jpg` 썸네일 노출 | |
| 비밀글 | is_secret=1 + 이미지 | 미노출 | ✅ |
| 1:1 게시판 글 | is_personal=1 | 미노출 | ✅ |
| 텍스트만 있는 글 | 이미지/iframe 없음 | 미노출 (thumbnail NULL) | ✅ |
| 미노출 게시판 | is_display=0 | 미노출 | ✅ |
### Edge Cases Checklist
- [ ] 썸네일 보유 글이 0건일 때 빈 섹션 처리
- [ ] 삭제된 글(is_delete=1) 제외
- [ ] 캐시 적중 시 stale 데이터 (CACHE_EXPIRE_TIME 내) — 기존과 동일 특성 확인
- [ ] 외부 이미지 URL 깨짐 → `onerror` NO_IMAGE 폴백
---
## Validation Commands
### Static Analysis
```bash
php -l app/Models/Board.php && php -l app/Services/BoardService.php && php -l app/Http/Controllers/MainController.php
```
EXPECT: No syntax errors
### View Compile
```bash
php artisan view:clear && php artisan view:cache
```
EXPECT: 컴파일 오류 없음
### Cache Reset (변경 반영 확인용)
```bash
php artisan cache:clear
```
EXPECT: 캐시 초기화 후 메인 접속 시 신규 쿼리 실행
### Manual Validation
- [ ] 메인 접속 → photo section에 photo 외 게시판 글(이미지 포함) 노출 확인
- [ ] YouTube 임베드만 있는 글 작성 → 메인에 YouTube 썸네일 노출 확인
- [ ] 비밀글로 이미지 글 작성 → 메인 미노출 확인
- [ ] 모바일 레이아웃(가로 스크롤 strip) 정상 확인
- [ ] 전체보기 → /recently 이동 확인
---
## Acceptance Criteria
- [ ] 모든 게시판의 이미지/YouTube 글이 메인 photo section에 노출
- [ ] 비밀글·1:1글·비노출 게시판·삭제글 미노출
- [ ] 데스크톱/모바일 모두 정상 렌더
- [ ] 문법 오류·뷰 컴파일 오류 없음
## Completion Checklist
- [ ] 신규 코드가 getLatest/latest 패턴과 구분 불가능한 스타일
- [ ] SQL 별칭·SELECT 필드 목록 기존과 동일
- [ ] 캐시 패턴·만료 정책 기존과 동일
- [ ] 하드코딩 없음 (DEFAULT_LIST_PER_PAGE, CACHE_EXPIRE_TIME 상수 사용)
- [ ] 스코프 외 작업 없음
## Risks
| Risk | Likelihood | Impact | Mitigation |
|---|---|---|---|
| 옛 글 thumbnail NULL로 섹션이 허전함 | 중 | 낮 | Task 6 백필 커맨드 |
| 비밀글 썸네일 노출 | 낮 (필터 포함) | 높 | is_secret/is_personal 필터 + 수동 검증 항목 |
| thumbnail 컬럼 무인덱스로 풀스캔 | 중 | 중 | 데이터 증가 시 인덱스 검토; 현재 규모에선 무시 가능 + 결과 캐시됨 |
| 캐시로 인한 지연 반영 | 확실 | 낮 | 기존 photo section과 동일 특성 — 허용 |
## Notes
- `getThumbnail`(CommonTrait:152)은 이미지가 하나도 없을 때만 YouTube 썸네일을 시도한다. 이미지+영상 혼재 글은 첫 이미지가 대표가 된다 — 의도된 동작으로 간주.
- `photo` 게시판 전용 섹션을 유지하고 싶다면 MainController에서 `latest('photo')`를 병행 주입하는 것도 가능하나, 본 플랜은 **교체**를 기준으로 한다.