Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
4407f2d67d | ||
|
|
7fa623d22d | ||
|
|
d2e78b0363 | ||
|
|
d3cd1b5d5f | ||
|
|
51dcacc728 | ||
|
|
dc8a8e9b4c | ||
|
|
43fd931824 | ||
|
|
2d41f22b83 | ||
|
|
2a6d307260 |
2
.gitignore
vendored
2
.gitignore
vendored
@@ -18,3 +18,5 @@ k8s/secrets.yaml
|
|||||||
# OS / misc
|
# OS / misc
|
||||||
.DS_Store
|
.DS_Store
|
||||||
backend/cookies.txt
|
backend/cookies.txt
|
||||||
|
backend-java/cookies.txt
|
||||||
|
**/cookies.txt
|
||||||
|
|||||||
53
CHANGELOG.md
53
CHANGELOG.md
@@ -6,6 +6,59 @@
|
|||||||
|
|
||||||
## 2026-06-15
|
## 2026-06-15
|
||||||
|
|
||||||
|
### 🧹 #322 LLM 검증으로 잘못된/프랜차이즈 식당 자동 숨김 (v0.1.16)
|
||||||
|
- DB 마이그레이션: restaurants에 hidden(NUMBER(1)), hidden_reason(VARCHAR2(120)), verified_at(TIMESTAMP) + idx_restaurants_hidden
|
||||||
|
- 도메인/Mapper/Service 확장: includeHidden 옵션, updateVerification, findUnverified 등
|
||||||
|
- 신규 RestaurantVerifyService:
|
||||||
|
- verifyAsync (신규 등록 자동 검증)
|
||||||
|
- verifyAll (백필, 식당당 200ms sleep)
|
||||||
|
- parseVerifyResponse (안전 기본값: 파싱 실패 시 valid=true → hidden 유지)
|
||||||
|
- PipelineService.processExtract 끝에 verifyAsync(restId) 자동 호출
|
||||||
|
- AdminRestaurantController 신규 (requireAdmin):
|
||||||
|
- GET /api/admin/restaurants/verify/pending
|
||||||
|
- POST /api/admin/restaurants/verify/all?batchSize=10
|
||||||
|
- POST /api/admin/restaurants/{id}/verify
|
||||||
|
- PATCH /api/admin/restaurants/{id}/hidden
|
||||||
|
- 어드민 UI는 후속 #323으로 분리
|
||||||
|
- Refs: #322 (close)
|
||||||
|
|
||||||
|
### 📺 #291 publishedAfter 페이징 조기 종료 버그 (v0.1.15) + dev/prod 데몬 분리
|
||||||
|
- YouTubeService.fetchChannelVideos: stopPaging 플래그로 조기 종료 정확화 → 백필 효율 + YouTube API quota 절약
|
||||||
|
- DaemonScheduler에 app.daemon.enabled (env DAEMON_ENABLED) 플래그
|
||||||
|
- dev/prod가 같은 Oracle ATP를 공유하는 환경에서 dev DAEMON_ENABLED=false로 중복 폴링 차단
|
||||||
|
- Refs: #291 #275 #321
|
||||||
|
|
||||||
|
### ♿ #301+#302 모달 접근성 + race condition + 필터 상태 동기화 (v0.1.14)
|
||||||
|
- 공통 훅 `frontend/src/lib/hooks/useModalA11y.ts` 신규 (useEscapeKey, useFocusTrap, useBodyScrollLock)
|
||||||
|
- BottomSheet/FilterSheet: role='dialog', aria-modal, aria-label/labelledby, ESC 닫기, focus trap
|
||||||
|
- RestaurantDetail: useEffect cancelled 플래그로 restaurant.id 변경 시 race condition 차단
|
||||||
|
- page.tsx: `exitSearchMode` 헬퍼 → 검색결과 모드에서 필터 변경 시 자동 검색 모드 해제 + 원본 재로드
|
||||||
|
- 후속 분리: #319 (BottomSheet 매직넘버/UX), #320 (필터 정밀도/접근성/테스트)
|
||||||
|
- Refs: #301 #302 (close)
|
||||||
|
|
||||||
|
### 🔧 #316 — backend resource request 재산정 + RollingUpdate 정책 복귀
|
||||||
|
- **변경 전**: cpu 500m/1, mem 768Mi/1536Mi, strategy maxSurge=0/maxUnavailable=1 (임시 패치)
|
||||||
|
- **변경 후**: cpu 300m/800m, mem 512Mi/1024Mi, strategy 25%/25% (기본 복귀)
|
||||||
|
- **근거**: 실측 idle 0.7% CPU, RSS ~305 MB. peak 30-40% 추정 안에서 안전.
|
||||||
|
- **검증**: rollout 후 노드 잔여 330m → 다음 배포 시 두 Pod 공존 가능, 무중단 RollingUpdate 회복.
|
||||||
|
- **다운타임**: 이번 1회 ~25초 (구 Pod 500m 점유 해제 위해 강제 종료). 다음 배포부터 0초.
|
||||||
|
- **설계서**: `docs/design/316-backend-resource-rightsize/README.md` (Approved).
|
||||||
|
- Refs: #316 (close)
|
||||||
|
|
||||||
|
### 🏗 OKE 인프라 — 노드 다운사이징 + LB 정리
|
||||||
|
- **Orphan Classic LB 삭제**: 132.226.175.247 (100Mbps shape, OKEclusterName 태그만 남고 DNS/Service 참조 없음) → 비용 절감
|
||||||
|
- **노드풀 교체 (블루-그린)**: `pool1` (2 노드 × 2 OCPU / 8 GB) → `pool2` (2 노드 × 1 OCPU / 6 GB)
|
||||||
|
- 사유: ARM64 Always Free 쿼터 변경 (4 OCPU/24 GB → 2 OCPU/12 GB)
|
||||||
|
- 절차: 새 노드풀 생성 → 기존 노드 cordon + drain → 기존 노드풀 삭제 → 무중단 확인
|
||||||
|
- **backend Deployment strategy 임시 패치**: `maxSurge: 25% → 0`, `maxUnavailable: 25% → 1`
|
||||||
|
- 노드당 1 OCPU 환경에서 backend(500m 요청) 두 Pod 공존 불가 → rollingUpdate 데드락 회피
|
||||||
|
- **⚠️ 다음 배포 시 ~30초 다운타임** 발생. 후속 이슈에서 resource request 재산정 권고.
|
||||||
|
|
||||||
|
### 🚀 운영 배포 v0.1.13
|
||||||
|
- 보안 핫픽스 #267 배포 (백엔드만)
|
||||||
|
- OCIR push + kubectl rolling update + git tag v0.1.13 완료
|
||||||
|
- 검증: `Anonymous /api/admin/users → 403`, `Bad-token → 403`, `정상 동작 영향 없음`
|
||||||
|
|
||||||
### 🔴 보안 핫픽스 #267 — AdminUserController GET 4종 권한 우회
|
### 🔴 보안 핫픽스 #267 — AdminUserController GET 4종 권한 우회
|
||||||
- `listUsers`, `userFavorites`, `userReviews`, `userMemos`가 인증만 요구하고 admin 검사를 하지 않아 일반 사용자 토큰으로 전체 사용자 목록 및 타인 활동 조회 가능했음
|
- `listUsers`, `userFavorites`, `userReviews`, `userMemos`가 인증만 요구하고 admin 검사를 하지 않아 일반 사용자 토큰으로 전체 사용자 목록 및 타인 활동 조회 가능했음
|
||||||
- 4개 메서드 첫 줄에 `AuthUtil.requireAdmin()` 추가 → non-admin 호출 시 403
|
- 4개 메서드 첫 줄에 `AuthUtil.requireAdmin()` 추가 → non-admin 호출 시 403
|
||||||
|
|||||||
@@ -0,0 +1,81 @@
|
|||||||
|
package com.tasteby.controller;
|
||||||
|
|
||||||
|
import com.tasteby.security.AuthUtil;
|
||||||
|
import com.tasteby.service.RestaurantService;
|
||||||
|
import com.tasteby.service.RestaurantVerifyService;
|
||||||
|
import org.slf4j.Logger;
|
||||||
|
import org.slf4j.LoggerFactory;
|
||||||
|
import org.springframework.web.bind.annotation.*;
|
||||||
|
|
||||||
|
import java.util.Map;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* #322 LLM 검증 어드민 API.
|
||||||
|
* - hidden 토글
|
||||||
|
* - 일괄 백필
|
||||||
|
*/
|
||||||
|
@RestController
|
||||||
|
@RequestMapping("/api/admin/restaurants")
|
||||||
|
public class AdminRestaurantController {
|
||||||
|
|
||||||
|
private static final Logger log = LoggerFactory.getLogger(AdminRestaurantController.class);
|
||||||
|
|
||||||
|
private final RestaurantService restaurantService;
|
||||||
|
private final RestaurantVerifyService verifyService;
|
||||||
|
|
||||||
|
public AdminRestaurantController(RestaurantService restaurantService, RestaurantVerifyService verifyService) {
|
||||||
|
this.restaurantService = restaurantService;
|
||||||
|
this.verifyService = verifyService;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 어드민용 검증 안 된 식당 수 조회.
|
||||||
|
*/
|
||||||
|
@GetMapping("/verify/pending")
|
||||||
|
public Map<String, Object> pendingCount() {
|
||||||
|
var admin = AuthUtil.requireAdmin();
|
||||||
|
int n = restaurantService.countUnverified();
|
||||||
|
log.info("[ADMIN] {} pending verify count: {}", admin.getSubject(), n);
|
||||||
|
return Map.of("pending", n);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 어드민용 일괄 백필 트리거. 한 번 호출에 모든 미검증 식당을 처리.
|
||||||
|
* 비동기/SSE 없이 동기 응답이라 호출자는 결과까지 기다려야 함(LLM × N).
|
||||||
|
*/
|
||||||
|
@PostMapping("/verify/all")
|
||||||
|
public Map<String, Object> verifyAll(@RequestParam(defaultValue = "10") int batchSize) {
|
||||||
|
var admin = AuthUtil.requireAdmin();
|
||||||
|
log.info("[ADMIN] {} triggered verifyAll(batchSize={})", admin.getSubject(), batchSize);
|
||||||
|
int processed = verifyService.verifyAll(batchSize);
|
||||||
|
return Map.of("processed", processed);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 어드민용 단건 재검증.
|
||||||
|
*/
|
||||||
|
@PostMapping("/{id}/verify")
|
||||||
|
public Map<String, Object> verifyOne(@PathVariable String id) {
|
||||||
|
var admin = AuthUtil.requireAdmin();
|
||||||
|
log.info("[ADMIN] {} verifyOne({})", admin.getSubject(), id);
|
||||||
|
verifyService.verify(id);
|
||||||
|
return Map.of("success", true, "id", id);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 어드민용 hidden 토글.
|
||||||
|
*/
|
||||||
|
@PatchMapping("/{id}/hidden")
|
||||||
|
public Map<String, Object> setHidden(@PathVariable String id, @RequestBody Map<String, Object> body) {
|
||||||
|
var admin = AuthUtil.requireAdmin();
|
||||||
|
boolean hidden = Boolean.TRUE.equals(body.get("hidden"));
|
||||||
|
String reason = body.get("reason") instanceof String s ? s : "manual";
|
||||||
|
if (hidden) {
|
||||||
|
restaurantService.markHidden(id, reason);
|
||||||
|
} else {
|
||||||
|
restaurantService.clearHidden(id);
|
||||||
|
}
|
||||||
|
log.info("[ADMIN] {} set hidden={} for {}", admin.getSubject(), hidden, id);
|
||||||
|
return Map.of("success", true, "id", id, "hidden", hidden);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -31,6 +31,11 @@ public class Restaurant {
|
|||||||
private Integer ratingCount;
|
private Integer ratingCount;
|
||||||
private Date updatedAt;
|
private Date updatedAt;
|
||||||
|
|
||||||
|
// #322 LLM 검증
|
||||||
|
private Boolean hidden;
|
||||||
|
private String hiddenReason;
|
||||||
|
private Date verifiedAt;
|
||||||
|
|
||||||
// Transient enrichment fields
|
// Transient enrichment fields
|
||||||
private List<String> channels;
|
private List<String> channels;
|
||||||
private List<String> foodsMentioned;
|
private List<String> foodsMentioned;
|
||||||
|
|||||||
@@ -14,7 +14,19 @@ public interface RestaurantMapper {
|
|||||||
@Param("offset") int offset,
|
@Param("offset") int offset,
|
||||||
@Param("cuisine") String cuisine,
|
@Param("cuisine") String cuisine,
|
||||||
@Param("region") String region,
|
@Param("region") String region,
|
||||||
@Param("channel") String channel);
|
@Param("channel") String channel,
|
||||||
|
@Param("includeHidden") boolean includeHidden);
|
||||||
|
|
||||||
|
// #322 LLM 검증: hidden 표시 갱신
|
||||||
|
void updateVerification(@Param("id") String id,
|
||||||
|
@Param("hidden") int hidden,
|
||||||
|
@Param("hiddenReason") String hiddenReason);
|
||||||
|
|
||||||
|
void clearHidden(@Param("id") String id);
|
||||||
|
|
||||||
|
List<Restaurant> findUnverified(@Param("limit") int limit);
|
||||||
|
|
||||||
|
int countUnverified();
|
||||||
|
|
||||||
Restaurant findById(@Param("id") String id);
|
Restaurant findById(@Param("id") String id);
|
||||||
|
|
||||||
|
|||||||
@@ -3,6 +3,7 @@ package com.tasteby.service;
|
|||||||
import com.tasteby.domain.DaemonConfig;
|
import com.tasteby.domain.DaemonConfig;
|
||||||
import org.slf4j.Logger;
|
import org.slf4j.Logger;
|
||||||
import org.slf4j.LoggerFactory;
|
import org.slf4j.LoggerFactory;
|
||||||
|
import org.springframework.beans.factory.annotation.Value;
|
||||||
import org.springframework.scheduling.annotation.Scheduled;
|
import org.springframework.scheduling.annotation.Scheduled;
|
||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
|
|
||||||
@@ -22,6 +23,9 @@ public class DaemonScheduler {
|
|||||||
private final PipelineService pipelineService;
|
private final PipelineService pipelineService;
|
||||||
private final CacheService cacheService;
|
private final CacheService cacheService;
|
||||||
|
|
||||||
|
@Value("${app.daemon.enabled:true}")
|
||||||
|
private boolean instanceEnabled;
|
||||||
|
|
||||||
public DaemonScheduler(DaemonConfigService daemonConfigService,
|
public DaemonScheduler(DaemonConfigService daemonConfigService,
|
||||||
YouTubeService youTubeService,
|
YouTubeService youTubeService,
|
||||||
PipelineService pipelineService,
|
PipelineService pipelineService,
|
||||||
@@ -34,6 +38,10 @@ public class DaemonScheduler {
|
|||||||
|
|
||||||
@Scheduled(fixedDelay = 30_000) // Check every 30 seconds
|
@Scheduled(fixedDelay = 30_000) // Check every 30 seconds
|
||||||
public void run() {
|
public void run() {
|
||||||
|
// 인스턴스 차원 차단(dev/prod 동일 DB 공유 환경에서 dev 쪽 동시 폴링 방지).
|
||||||
|
// dev .env: DAEMON_ENABLED=false → 이 인스턴스는 스케줄러 동작 안 함.
|
||||||
|
// prod: 미설정 → 기본 true.
|
||||||
|
if (!instanceEnabled) return;
|
||||||
try {
|
try {
|
||||||
var config = getConfig();
|
var config = getConfig();
|
||||||
if (config == null) return;
|
if (config == null) return;
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ public class ExtractorService {
|
|||||||
%s
|
%s
|
||||||
- price_range: 가격대 (예: 1만원대, 2-3만원) (string | null)
|
- price_range: 가격대 (예: 1만원대, 2-3만원) (string | null)
|
||||||
- foods_mentioned: 언급된 대표 메뉴 (string[], 최대 10개, 우선순위 높은 순, 반드시 한글로 작성)
|
- foods_mentioned: 언급된 대표 메뉴 (string[], 최대 10개, 우선순위 높은 순, 반드시 한글로 작성)
|
||||||
- evaluation: 평가 내용 (string | null)
|
- evaluation: 평가 내용을 100자 이내로 요약 (string | null)
|
||||||
- guests: 함께한 게스트 (string[])
|
- guests: 함께한 게스트 (string[])
|
||||||
|
|
||||||
영상 제목: {title}
|
영상 제목: {title}
|
||||||
@@ -62,6 +62,10 @@ public class ExtractorService {
|
|||||||
*/
|
*/
|
||||||
@SuppressWarnings("unchecked")
|
@SuppressWarnings("unchecked")
|
||||||
public ExtractionResult extractRestaurants(String title, String transcript, String customPrompt) {
|
public ExtractionResult extractRestaurants(String title, String transcript, String customPrompt) {
|
||||||
|
// #292 — transcript null/blank 가드 (NPE 방지)
|
||||||
|
if (transcript == null || transcript.isBlank()) {
|
||||||
|
return new ExtractionResult(List.of(), "");
|
||||||
|
}
|
||||||
// Truncate very long transcripts
|
// Truncate very long transcripts
|
||||||
if (transcript.length() > 8000) {
|
if (transcript.length() > 8000) {
|
||||||
transcript = transcript.substring(0, 7000) + "\n...(중략)...\n" + transcript.substring(transcript.length() - 1000);
|
transcript = transcript.substring(0, 7000) + "\n...(중략)...\n" + transcript.substring(transcript.length() - 1000);
|
||||||
|
|||||||
@@ -156,7 +156,15 @@ public class GeocodingService {
|
|||||||
|
|
||||||
if (country.isEmpty() && !city.isEmpty()) country = "한국";
|
if (country.isEmpty() && !city.isEmpty()) country = "한국";
|
||||||
if (country.isEmpty()) return null;
|
if (country.isEmpty()) return null;
|
||||||
return country + "|" + city + "|" + district;
|
// #292 — 빈 토큰은 region 문자열에 포함시키지 않는다(`한국||구` 형식 방지).
|
||||||
|
StringBuilder sb = new StringBuilder(country);
|
||||||
|
if (!city.isEmpty()) {
|
||||||
|
sb.append('|').append(city);
|
||||||
|
if (!district.isEmpty()) sb.append('|').append(district);
|
||||||
|
} else if (!district.isEmpty()) {
|
||||||
|
// city 없이 district만 있는 경우는 정확도 낮으므로 무시
|
||||||
|
}
|
||||||
|
return sb.toString();
|
||||||
}
|
}
|
||||||
|
|
||||||
private Map<String, Object> geocode(String query) {
|
private Map<String, Object> geocode(String query) {
|
||||||
|
|||||||
@@ -28,6 +28,7 @@ public class PipelineService {
|
|||||||
private final VideoService videoService;
|
private final VideoService videoService;
|
||||||
private final VectorService vectorService;
|
private final VectorService vectorService;
|
||||||
private final CacheService cacheService;
|
private final CacheService cacheService;
|
||||||
|
private final RestaurantVerifyService verifyService;
|
||||||
|
|
||||||
public PipelineService(YouTubeService youTubeService,
|
public PipelineService(YouTubeService youTubeService,
|
||||||
ExtractorService extractorService,
|
ExtractorService extractorService,
|
||||||
@@ -35,7 +36,8 @@ public class PipelineService {
|
|||||||
RestaurantService restaurantService,
|
RestaurantService restaurantService,
|
||||||
VideoService videoService,
|
VideoService videoService,
|
||||||
VectorService vectorService,
|
VectorService vectorService,
|
||||||
CacheService cacheService) {
|
CacheService cacheService,
|
||||||
|
RestaurantVerifyService verifyService) {
|
||||||
this.youTubeService = youTubeService;
|
this.youTubeService = youTubeService;
|
||||||
this.extractorService = extractorService;
|
this.extractorService = extractorService;
|
||||||
this.geocodingService = geocodingService;
|
this.geocodingService = geocodingService;
|
||||||
@@ -43,6 +45,7 @@ public class PipelineService {
|
|||||||
this.videoService = videoService;
|
this.videoService = videoService;
|
||||||
this.vectorService = vectorService;
|
this.vectorService = vectorService;
|
||||||
this.cacheService = cacheService;
|
this.cacheService = cacheService;
|
||||||
|
this.verifyService = verifyService;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -84,6 +87,9 @@ public class PipelineService {
|
|||||||
String videoDbId = (String) video.get("id");
|
String videoDbId = (String) video.get("id");
|
||||||
String title = (String) video.get("title");
|
String title = (String) video.get("title");
|
||||||
|
|
||||||
|
// #292 — 외부 가시성을 위해 진입 시 processing 전이 (이미 processing이면 no-op)
|
||||||
|
updateVideoStatus(videoDbId, "processing", null, null);
|
||||||
|
|
||||||
var result = extractorService.extractRestaurants(title, transcript, customPrompt);
|
var result = extractorService.extractRestaurants(title, transcript, customPrompt);
|
||||||
if (result.restaurants().isEmpty()) {
|
if (result.restaurants().isEmpty()) {
|
||||||
updateVideoStatus(videoDbId, "done", null, result.rawResponse());
|
updateVideoStatus(videoDbId, "done", null, result.rawResponse());
|
||||||
@@ -102,18 +108,26 @@ public class PipelineService {
|
|||||||
// Build upsert data
|
// Build upsert data
|
||||||
var data = new HashMap<String, Object>();
|
var data = new HashMap<String, Object>();
|
||||||
data.put("name", name);
|
data.put("name", name);
|
||||||
data.put("address", geo != null ? geo.get("formatted_address") : restData.get("address"));
|
|
||||||
data.put("region", restData.get("region"));
|
data.put("region", restData.get("region"));
|
||||||
data.put("latitude", geo != null ? geo.get("latitude") : null);
|
|
||||||
data.put("longitude", geo != null ? geo.get("longitude") : null);
|
|
||||||
data.put("cuisine_type", restData.get("cuisine_type"));
|
data.put("cuisine_type", restData.get("cuisine_type"));
|
||||||
data.put("price_range", restData.get("price_range"));
|
data.put("price_range", restData.get("price_range"));
|
||||||
data.put("google_place_id", geo != null ? geo.get("google_place_id") : null);
|
// #292 — geocode 실패(geo==null) 시 좌표/주소/place_id 등 기존 값 보존하기 위해
|
||||||
data.put("phone", geo != null ? geo.get("phone") : null);
|
// null을 명시적으로 put하지 않는다. upsert 측에서 누락 컬럼은 그대로 유지.
|
||||||
data.put("website", geo != null ? geo.get("website") : null);
|
if (geo != null) {
|
||||||
data.put("business_status", geo != null ? geo.get("business_status") : null);
|
data.put("address", geo.get("formatted_address"));
|
||||||
data.put("rating", geo != null ? geo.get("rating") : null);
|
data.put("latitude", geo.get("latitude"));
|
||||||
data.put("rating_count", geo != null ? geo.get("rating_count") : null);
|
data.put("longitude", geo.get("longitude"));
|
||||||
|
data.put("google_place_id", geo.get("google_place_id"));
|
||||||
|
data.put("phone", geo.get("phone"));
|
||||||
|
data.put("website", geo.get("website"));
|
||||||
|
data.put("business_status", geo.get("business_status"));
|
||||||
|
data.put("rating", geo.get("rating"));
|
||||||
|
data.put("rating_count", geo.get("rating_count"));
|
||||||
|
} else {
|
||||||
|
// geocode 실패한 첫 등록 케이스에서 최소한의 주소(LLM이 추출한 원시값)는 저장
|
||||||
|
Object rawAddr = restData.get("address");
|
||||||
|
if (rawAddr != null) data.put("address", rawAddr);
|
||||||
|
}
|
||||||
|
|
||||||
String restId = restaurantService.upsert(data);
|
String restId = restaurantService.upsert(data);
|
||||||
|
|
||||||
@@ -150,6 +164,9 @@ public class PipelineService {
|
|||||||
|
|
||||||
count++;
|
count++;
|
||||||
log.info("Saved restaurant: {} (geocoded={})", name, geo != null);
|
log.info("Saved restaurant: {} (geocoded={})", name, geo != null);
|
||||||
|
|
||||||
|
// #322 — 등록 직후 비동기 LLM 검증
|
||||||
|
verifyService.verifyAsync(restId);
|
||||||
}
|
}
|
||||||
|
|
||||||
updateVideoStatus(videoDbId, "done", null, result.rawResponse());
|
updateVideoStatus(videoDbId, "done", null, result.rawResponse());
|
||||||
|
|||||||
@@ -21,11 +21,36 @@ public class RestaurantService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
public List<Restaurant> findAll(int limit, int offset, String cuisine, String region, String channel) {
|
public List<Restaurant> findAll(int limit, int offset, String cuisine, String region, String channel) {
|
||||||
List<Restaurant> restaurants = mapper.findAll(limit, offset, cuisine, region, channel);
|
return findAll(limit, offset, cuisine, region, channel, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
public List<Restaurant> findAll(int limit, int offset, String cuisine, String region, String channel, boolean includeHidden) {
|
||||||
|
List<Restaurant> restaurants = mapper.findAll(limit, offset, cuisine, region, channel, includeHidden);
|
||||||
enrichRestaurants(restaurants);
|
enrichRestaurants(restaurants);
|
||||||
return restaurants;
|
return restaurants;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// #322 — 검증 상태 갱신
|
||||||
|
public void markHidden(String id, String reason) {
|
||||||
|
mapper.updateVerification(id, 1, reason);
|
||||||
|
}
|
||||||
|
|
||||||
|
public void markVerifiedClean(String id) {
|
||||||
|
mapper.updateVerification(id, 0, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
public void clearHidden(String id) {
|
||||||
|
mapper.clearHidden(id);
|
||||||
|
}
|
||||||
|
|
||||||
|
public List<Restaurant> findUnverified(int limit) {
|
||||||
|
return mapper.findUnverified(limit);
|
||||||
|
}
|
||||||
|
|
||||||
|
public int countUnverified() {
|
||||||
|
return mapper.countUnverified();
|
||||||
|
}
|
||||||
|
|
||||||
public List<Restaurant> findWithoutTabling() {
|
public List<Restaurant> findWithoutTabling() {
|
||||||
return mapper.findWithoutTabling();
|
return mapper.findWithoutTabling();
|
||||||
}
|
}
|
||||||
@@ -117,7 +142,8 @@ public class RestaurantService {
|
|||||||
String id = IdGenerator.newId();
|
String id = IdGenerator.newId();
|
||||||
String foodsJson = foods != null ? JsonUtil.toJson(foods) : null;
|
String foodsJson = foods != null ? JsonUtil.toJson(foods) : null;
|
||||||
String guestsJson = guests != null ? JsonUtil.toJson(guests) : null;
|
String guestsJson = guests != null ? JsonUtil.toJson(guests) : null;
|
||||||
mapper.linkVideoRestaurant(id, videoId, restaurantId, foodsJson, evaluation, guestsJson);
|
String evalJson = JsonUtil.normalizeEvaluation(evaluation);
|
||||||
|
mapper.linkVideoRestaurant(id, videoId, restaurantId, foodsJson, evalJson, guestsJson);
|
||||||
}
|
}
|
||||||
|
|
||||||
public void updateCuisineType(String id, String cuisineType) {
|
public void updateCuisineType(String id, String cuisineType) {
|
||||||
|
|||||||
@@ -0,0 +1,149 @@
|
|||||||
|
package com.tasteby.service;
|
||||||
|
|
||||||
|
import com.fasterxml.jackson.databind.JsonNode;
|
||||||
|
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||||
|
import com.tasteby.domain.Restaurant;
|
||||||
|
import org.slf4j.Logger;
|
||||||
|
import org.slf4j.LoggerFactory;
|
||||||
|
import org.springframework.scheduling.annotation.Async;
|
||||||
|
import org.springframework.stereotype.Service;
|
||||||
|
|
||||||
|
import java.util.List;
|
||||||
|
import java.util.regex.Matcher;
|
||||||
|
import java.util.regex.Pattern;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* #322 LLM 검증으로 잘못된/프랜차이즈 식당 자동 숨김.
|
||||||
|
* 설계서: docs/design/322-restaurant-llm-verify/README.md
|
||||||
|
*/
|
||||||
|
@Service
|
||||||
|
public class RestaurantVerifyService {
|
||||||
|
|
||||||
|
private static final Logger log = LoggerFactory.getLogger(RestaurantVerifyService.class);
|
||||||
|
|
||||||
|
private final RestaurantService restaurantService;
|
||||||
|
private final OciGenAiService genAi;
|
||||||
|
private final ObjectMapper jsonMapper = new ObjectMapper();
|
||||||
|
|
||||||
|
// 백필 시 LLM rate-limit 보호용 sleep (ms)
|
||||||
|
private static final long BACKFILL_SLEEP_MS = 200;
|
||||||
|
|
||||||
|
public RestaurantVerifyService(RestaurantService restaurantService, OciGenAiService genAi) {
|
||||||
|
this.restaurantService = restaurantService;
|
||||||
|
this.genAi = genAi;
|
||||||
|
}
|
||||||
|
|
||||||
|
@Async
|
||||||
|
public void verifyAsync(String restaurantId) {
|
||||||
|
try {
|
||||||
|
verify(restaurantId);
|
||||||
|
} catch (Exception e) {
|
||||||
|
log.warn("verifyAsync failed for {}: {}", restaurantId, e.getMessage());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public void verify(String restaurantId) {
|
||||||
|
Restaurant r = restaurantService.findById(restaurantId);
|
||||||
|
if (r == null) return;
|
||||||
|
VerifyResult result;
|
||||||
|
try {
|
||||||
|
String prompt = buildPrompt(r);
|
||||||
|
String response = genAi.chat(prompt, 120);
|
||||||
|
result = parseVerifyResponse(response);
|
||||||
|
} catch (Exception e) {
|
||||||
|
// 안전한 기본값: LLM 실패 시 공개 유지(=hidden=0). verified_at은 미설정으로 남겨 재시도 가능.
|
||||||
|
log.warn("verify({}) LLM failed: {} — keeping visible", restaurantId, e.getMessage());
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
applyResult(restaurantId, result);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 미검증(verified_at IS NULL) 식당을 배치로 검증. 운영 trigger 용.
|
||||||
|
* 반환: 이번 호출에서 처리한 개수.
|
||||||
|
*/
|
||||||
|
public int verifyAll(int batchSize) {
|
||||||
|
int total = 0;
|
||||||
|
List<Restaurant> batch;
|
||||||
|
while (!(batch = restaurantService.findUnverified(batchSize)).isEmpty()) {
|
||||||
|
for (Restaurant r : batch) {
|
||||||
|
try {
|
||||||
|
verify(r.getId());
|
||||||
|
} catch (Exception e) {
|
||||||
|
log.warn("verifyAll({}) failed: {}", r.getId(), e.getMessage());
|
||||||
|
}
|
||||||
|
total++;
|
||||||
|
try { Thread.sleep(BACKFILL_SLEEP_MS); } catch (InterruptedException ie) {
|
||||||
|
Thread.currentThread().interrupt();
|
||||||
|
return total;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (batch.size() < batchSize) break;
|
||||||
|
}
|
||||||
|
return total;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---- pure helpers (tested separately) ----
|
||||||
|
|
||||||
|
String buildPrompt(Restaurant r) {
|
||||||
|
String foods = r.getFoodsMentioned() == null || r.getFoodsMentioned().isEmpty()
|
||||||
|
? "(없음)" : String.join(", ", r.getFoodsMentioned());
|
||||||
|
return "당신은 식당 데이터 큐레이터다. 다음 식당이 (1) 실제 운영 식당인지, (2) 흔한 프랜차이즈인지 판정하라.\n\n" +
|
||||||
|
"식당명: " + safe(r.getName()) + "\n" +
|
||||||
|
"주소: " + safe(r.getAddress()) + "\n" +
|
||||||
|
"지역: " + safe(r.getRegion()) + "\n" +
|
||||||
|
"음식 분류: " + safe(r.getCuisineType()) + "\n" +
|
||||||
|
"언급된 음식: " + foods + "\n\n" +
|
||||||
|
"응답 형식(JSON만, 다른 텍스트 없이):\n" +
|
||||||
|
"{\"valid\": true|false, \"is_franchise\": true|false, \"reason\": \"20자 이내\"}\n\n" +
|
||||||
|
"가이드:\n" +
|
||||||
|
"- valid=false: 식당 이름이 사람 이름, 영상 제목 일부, 일반 명사(\"점심\", \"맛집\"), " +
|
||||||
|
"영문 prefix(\"name:\", \"title:\") 등 분명히 식당이 아닌 경우.\n" +
|
||||||
|
"- is_franchise=true: 스타벅스, 맥도날드, 버거킹, 김밥천국, 본죽 등 전국 50개 이상 매장의 흔한 체인.\n" +
|
||||||
|
"- 판단이 모호하면 valid=true, is_franchise=false (보수적).";
|
||||||
|
}
|
||||||
|
|
||||||
|
VerifyResult parseVerifyResponse(String raw) {
|
||||||
|
if (raw == null) return VerifyResult.safeDefault();
|
||||||
|
String json = extractJson(raw);
|
||||||
|
if (json == null) return VerifyResult.safeDefault();
|
||||||
|
try {
|
||||||
|
JsonNode node = jsonMapper.readTree(json);
|
||||||
|
boolean valid = node.path("valid").asBoolean(true);
|
||||||
|
boolean isFranchise = node.path("is_franchise").asBoolean(false);
|
||||||
|
String reason = node.path("reason").asText("");
|
||||||
|
if (reason.length() > 100) reason = reason.substring(0, 100);
|
||||||
|
return new VerifyResult(valid, isFranchise, reason);
|
||||||
|
} catch (Exception e) {
|
||||||
|
return VerifyResult.safeDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void applyResult(String id, VerifyResult r) {
|
||||||
|
if (!r.valid()) {
|
||||||
|
restaurantService.markHidden(id, truncate("not_restaurant: " + r.reason(), 120));
|
||||||
|
} else if (r.isFranchise()) {
|
||||||
|
restaurantService.markHidden(id, truncate("franchise: " + r.reason(), 120));
|
||||||
|
} else {
|
||||||
|
restaurantService.markVerifiedClean(id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private static final Pattern JSON_BLOCK = Pattern.compile("\\{[^{}]*\\}", Pattern.DOTALL);
|
||||||
|
|
||||||
|
private static String extractJson(String raw) {
|
||||||
|
// 우선 그대로 시도
|
||||||
|
String trimmed = raw.trim();
|
||||||
|
if (trimmed.startsWith("{") && trimmed.endsWith("}")) return trimmed;
|
||||||
|
// 마크다운 코드블록 또는 다른 텍스트에 감싸진 경우 정규식 추출
|
||||||
|
Matcher m = JSON_BLOCK.matcher(raw);
|
||||||
|
return m.find() ? m.group() : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String safe(String s) { return s == null ? "(미상)" : s; }
|
||||||
|
private static String truncate(String s, int max) { return s.length() <= max ? s : s.substring(0, max); }
|
||||||
|
|
||||||
|
public record VerifyResult(boolean valid, boolean isFranchise, String reason) {
|
||||||
|
public static VerifyResult safeDefault() { return new VerifyResult(true, false, "parse_failed"); }
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -28,6 +28,9 @@ public class VideoService {
|
|||||||
VideoDetail detail = mapper.findDetail(id);
|
VideoDetail detail = mapper.findDetail(id);
|
||||||
if (detail == null) return null;
|
if (detail == null) return null;
|
||||||
List<VideoRestaurantLink> restaurants = mapper.findVideoRestaurants(id);
|
List<VideoRestaurantLink> restaurants = mapper.findVideoRestaurants(id);
|
||||||
|
if (restaurants != null) {
|
||||||
|
restaurants.forEach(r -> r.setEvaluation(JsonUtil.normalizeEvaluation(r.getEvaluation())));
|
||||||
|
}
|
||||||
detail.setRestaurants(restaurants != null ? restaurants : List.of());
|
detail.setRestaurants(restaurants != null ? restaurants : List.of());
|
||||||
return detail;
|
return detail;
|
||||||
}
|
}
|
||||||
@@ -59,6 +62,7 @@ public class VideoService {
|
|||||||
mapper.cleanupOrphanRestaurant(restaurantId);
|
mapper.cleanupOrphanRestaurant(restaurantId);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Transactional
|
||||||
public int saveVideosBatch(String channelId, List<Map<String, Object>> videos) {
|
public int saveVideosBatch(String channelId, List<Map<String, Object>> videos) {
|
||||||
Set<String> existing = new HashSet<>(mapper.getExistingVideoIds(channelId));
|
Set<String> existing = new HashSet<>(mapper.getExistingVideoIds(channelId));
|
||||||
int saved = 0;
|
int saved = 0;
|
||||||
|
|||||||
@@ -59,6 +59,7 @@ public class YouTubeService {
|
|||||||
String uploadsPlaylistId = "UU" + channelId.substring(2);
|
String uploadsPlaylistId = "UU" + channelId.substring(2);
|
||||||
List<Map<String, Object>> allVideos = new ArrayList<>();
|
List<Map<String, Object>> allVideos = new ArrayList<>();
|
||||||
String nextPage = null;
|
String nextPage = null;
|
||||||
|
boolean stopPaging = false;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
do {
|
do {
|
||||||
@@ -88,7 +89,7 @@ public class YouTubeService {
|
|||||||
// publishedAfter 필터: 이미 스캔한 영상 이후만
|
// publishedAfter 필터: 이미 스캔한 영상 이후만
|
||||||
if (publishedAfter != null && publishedAt.compareTo(publishedAfter) <= 0) {
|
if (publishedAfter != null && publishedAt.compareTo(publishedAfter) <= 0) {
|
||||||
// 업로드 재생목록은 최신순이므로 이전 날짜 만나면 중단
|
// 업로드 재생목록은 최신순이므로 이전 날짜 만나면 중단
|
||||||
nextPage = null;
|
stopPaging = true;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -105,7 +106,9 @@ public class YouTubeService {
|
|||||||
}
|
}
|
||||||
allVideos.addAll(pageVideos);
|
allVideos.addAll(pageVideos);
|
||||||
|
|
||||||
if (nextPage != null || data.has("nextPageToken")) {
|
if (stopPaging) {
|
||||||
|
nextPage = null;
|
||||||
|
} else {
|
||||||
nextPage = data.has("nextPageToken") ? data.path("nextPageToken").asText() : null;
|
nextPage = data.has("nextPageToken") ? data.path("nextPageToken").asText() : null;
|
||||||
}
|
}
|
||||||
} while (nextPage != null);
|
} while (nextPage != null);
|
||||||
|
|||||||
@@ -59,6 +59,11 @@ app:
|
|||||||
cache:
|
cache:
|
||||||
ttl-seconds: 600
|
ttl-seconds: 600
|
||||||
|
|
||||||
|
daemon:
|
||||||
|
# 인스턴스 차원 스케줄러 활성화. dev/prod가 같은 DB를 공유하므로
|
||||||
|
# dev .env에 DAEMON_ENABLED=false를 설정해 dev 폴링을 끄고 prod만 동작시킨다.
|
||||||
|
enabled: ${DAEMON_ENABLED:true}
|
||||||
|
|
||||||
mybatis:
|
mybatis:
|
||||||
mapper-locations: classpath:mybatis/mapper/*.xml
|
mapper-locations: classpath:mybatis/mapper/*.xml
|
||||||
config-location: classpath:mybatis/mybatis-config.xml
|
config-location: classpath:mybatis/mybatis-config.xml
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
-- #322 LLM 검증 — restaurants에 hidden/검증 컬럼 추가
|
||||||
|
ALTER TABLE restaurants ADD (
|
||||||
|
hidden NUMBER(1) DEFAULT 0 NOT NULL,
|
||||||
|
hidden_reason VARCHAR2(120),
|
||||||
|
verified_at TIMESTAMP
|
||||||
|
);
|
||||||
|
CREATE INDEX idx_restaurants_hidden ON restaurants(hidden);
|
||||||
@@ -22,6 +22,9 @@
|
|||||||
<result property="rating" column="rating"/>
|
<result property="rating" column="rating"/>
|
||||||
<result property="ratingCount" column="rating_count"/>
|
<result property="ratingCount" column="rating_count"/>
|
||||||
<result property="updatedAt" column="updated_at"/>
|
<result property="updatedAt" column="updated_at"/>
|
||||||
|
<result property="hidden" column="hidden" javaType="java.lang.Boolean"/>
|
||||||
|
<result property="hiddenReason" column="hidden_reason"/>
|
||||||
|
<result property="verifiedAt" column="verified_at"/>
|
||||||
</resultMap>
|
</resultMap>
|
||||||
|
|
||||||
<!-- ===== Queries ===== -->
|
<!-- ===== Queries ===== -->
|
||||||
@@ -29,7 +32,8 @@
|
|||||||
<select id="findAll" resultMap="restaurantMap">
|
<select id="findAll" resultMap="restaurantMap">
|
||||||
SELECT DISTINCT r.id, r.name, r.address, r.region, r.latitude, r.longitude,
|
SELECT DISTINCT r.id, r.name, r.address, r.region, r.latitude, r.longitude,
|
||||||
r.cuisine_type, r.price_range, r.google_place_id, r.tabling_url, r.catchtable_url,
|
r.cuisine_type, r.price_range, r.google_place_id, r.tabling_url, r.catchtable_url,
|
||||||
r.business_status, r.rating, r.rating_count, r.updated_at
|
r.business_status, r.rating, r.rating_count, r.updated_at,
|
||||||
|
r.hidden, r.hidden_reason, r.verified_at
|
||||||
FROM restaurants r
|
FROM restaurants r
|
||||||
<if test="channel != null and channel != ''">
|
<if test="channel != null and channel != ''">
|
||||||
JOIN video_restaurants vr_f ON vr_f.restaurant_id = r.id
|
JOIN video_restaurants vr_f ON vr_f.restaurant_id = r.id
|
||||||
@@ -39,6 +43,9 @@
|
|||||||
<where>
|
<where>
|
||||||
r.latitude IS NOT NULL
|
r.latitude IS NOT NULL
|
||||||
AND EXISTS (SELECT 1 FROM video_restaurants vr0 WHERE vr0.restaurant_id = r.id)
|
AND EXISTS (SELECT 1 FROM video_restaurants vr0 WHERE vr0.restaurant_id = r.id)
|
||||||
|
<if test="includeHidden == null or !includeHidden">
|
||||||
|
AND r.hidden = 0
|
||||||
|
</if>
|
||||||
<if test="cuisine != null and cuisine != ''">
|
<if test="cuisine != null and cuisine != ''">
|
||||||
AND r.cuisine_type = #{cuisine}
|
AND r.cuisine_type = #{cuisine}
|
||||||
</if>
|
</if>
|
||||||
@@ -277,4 +284,35 @@
|
|||||||
ORDER BY r.name
|
ORDER BY r.name
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
|
<!-- ===== #322 LLM 검증 ===== -->
|
||||||
|
|
||||||
|
<update id="updateVerification">
|
||||||
|
UPDATE restaurants
|
||||||
|
SET hidden = #{hidden},
|
||||||
|
hidden_reason = #{hiddenReason,jdbcType=VARCHAR},
|
||||||
|
verified_at = CURRENT_TIMESTAMP
|
||||||
|
WHERE id = #{id}
|
||||||
|
</update>
|
||||||
|
|
||||||
|
<update id="clearHidden">
|
||||||
|
UPDATE restaurants
|
||||||
|
SET hidden = 0,
|
||||||
|
hidden_reason = NULL,
|
||||||
|
verified_at = CURRENT_TIMESTAMP
|
||||||
|
WHERE id = #{id}
|
||||||
|
</update>
|
||||||
|
|
||||||
|
<select id="findUnverified" resultMap="restaurantMap">
|
||||||
|
SELECT r.id, r.name, r.address, r.region, r.cuisine_type, r.price_range,
|
||||||
|
r.hidden, r.hidden_reason, r.verified_at
|
||||||
|
FROM restaurants r
|
||||||
|
WHERE r.verified_at IS NULL
|
||||||
|
ORDER BY r.updated_at DESC
|
||||||
|
FETCH FIRST #{limit} ROWS ONLY
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<select id="countUnverified" resultType="int">
|
||||||
|
SELECT COUNT(*) FROM restaurants WHERE verified_at IS NULL
|
||||||
|
</select>
|
||||||
|
|
||||||
</mapper>
|
</mapper>
|
||||||
|
|||||||
127
docs/design/316-backend-resource-rightsize/README.md
Normal file
127
docs/design/316-backend-resource-rightsize/README.md
Normal file
@@ -0,0 +1,127 @@
|
|||||||
|
# 설계서: backend resource request 재산정 (#316)
|
||||||
|
|
||||||
|
> **상태**: Approved <!-- Draft | Approved | Superseded -->
|
||||||
|
> **작성**: [AI] Architect · **최종수정**: 2026-06-15
|
||||||
|
> **추적성** — Redmine: #316 · 관련 ADR: 없음 · 부모 이슈: #267 (현행화/배포 컨텍스트)
|
||||||
|
> · 구현 파일: `k8s/backend-deployment.yaml`
|
||||||
|
> · 테스트: kubectl rollout 무중단 (수동 검증) · 자동 테스트 없음
|
||||||
|
|
||||||
|
## 1. 목적 (Why)
|
||||||
|
|
||||||
|
노드 다운사이징(2 × 2 OCPU/8 GB → 2 × 1 OCPU/6 GB) 이후 `backend` Deployment의 CPU request 500m이 노드 가용 자원의 절반을 차지하여, RollingUpdate 시 신/구 Pod 공존이 불가능. 임시로 `maxSurge=0, maxUnavailable=1` 패치(매 배포 ~30초 다운타임) 상태를 합리화하여 25%/25% 정책으로 복귀하고 무중단 배포를 회복한다.
|
||||||
|
|
||||||
|
## 2. 범위 (Scope)
|
||||||
|
|
||||||
|
- **포함**
|
||||||
|
- `k8s/backend-deployment.yaml`의 `resources.requests`/`limits` 재산정.
|
||||||
|
- 같은 파일의 `spec.strategy` 또는 라이브 deploy의 strategy를 25%/25%로 복귀(이미 패치되어 있다면 디폴트로 환원).
|
||||||
|
- **제외 (out of scope)**
|
||||||
|
- frontend/redis 등 다른 Deployment.
|
||||||
|
- JVM heap/-XX 옵션(별도 튜닝 이슈).
|
||||||
|
- HPA, VPA 도입.
|
||||||
|
- 노드 수/형상 추가 변경.
|
||||||
|
|
||||||
|
## 3. 인수조건 (Acceptance Criteria)
|
||||||
|
|
||||||
|
- [ ] backend CPU request ≤ 300m, memory request ≤ 512Mi (실측 ~305 MB 사용 기준 여유 포함).
|
||||||
|
- [ ] limit은 노드 한도(1 OCPU / 6 GB) 안에서 cpu ≤ 800m, mem ≤ 1Gi.
|
||||||
|
- [ ] Deployment strategy: `maxSurge: 25%`, `maxUnavailable: 25%`(또는 default).
|
||||||
|
- [ ] `kubectl apply` 직후 새 Pod이 Pending 없이 Running 진입.
|
||||||
|
- [ ] 적용 동안 `https://www.tasteby.net/api/health` 가 끊김 없이 200 응답.
|
||||||
|
- [ ] 변경 사항을 git 커밋·push.
|
||||||
|
|
||||||
|
## 4. 컨텍스트 & 제약
|
||||||
|
|
||||||
|
- 의존성: OKE 1.34.2, ARM64 노드 1 OCPU/6 GB × 2.
|
||||||
|
- 노드 가용 CPU(allocatable, 시스템 데몬 차감 후): 약 940-960m per node.
|
||||||
|
- 노드 가용 메모리(allocatable): 약 5.0-5.3 GiB per node.
|
||||||
|
- 같은 노드에 frontend(200m/256Mi), kube-system DaemonSet들(약 200m/300Mi 합계), 가끔 redis/cert-manager Pod.
|
||||||
|
- 두 backend Pod이 한 노드에 공존하지 않아도 됨(replicas=1이지만 RollingUpdate 동안 일시적으로 2개).
|
||||||
|
- 제약: 비용 X(코드 변경 없음), 운영 영향(작지만 rollout 한 번 발생).
|
||||||
|
- 가정: 운영 실측 idle CPU 0.7%, peak 추정 30-40% (영상 추출·벡터 검색 시).
|
||||||
|
|
||||||
|
## 5. 아키텍처 개요
|
||||||
|
|
||||||
|
```
|
||||||
|
git: k8s/backend-deployment.yaml
|
||||||
|
│
|
||||||
|
▼ (수정)
|
||||||
|
spec.replicas: 1 (변경 없음)
|
||||||
|
spec.strategy:
|
||||||
|
type: RollingUpdate
|
||||||
|
rollingUpdate:
|
||||||
|
maxSurge: 25% (=0 → 25%, 임시 패치 복귀)
|
||||||
|
maxUnavailable: 25% (=1 → 25%, 임시 패치 복귀)
|
||||||
|
spec.template.spec.containers[0].resources:
|
||||||
|
requests: { cpu: 300m, memory: 512Mi } (500m/768Mi → 다운)
|
||||||
|
limits: { cpu: 800m, memory: 1024Mi } (1/1536 → 다운)
|
||||||
|
│
|
||||||
|
▼ (kubectl apply)
|
||||||
|
OKE rolling update → 새 Pod 1개 surge → Ready → 구 Pod 종료
|
||||||
|
│
|
||||||
|
▼
|
||||||
|
www.tasteby.net 트래픽 무중단 (Ingress → Service → Pod, 100ms 응답 유지)
|
||||||
|
```
|
||||||
|
|
||||||
|
I/O 경계: 매니페스트(선언)와 클러스터 상태(런타임)는 `kubectl apply`로 단방향 동기화. 검증은 `rollout status` + 외부 curl.
|
||||||
|
|
||||||
|
## 6. 데이터 모델
|
||||||
|
|
||||||
|
| 필드 | 변경 전 | 변경 후 | 근거 |
|
||||||
|
|------|---------|---------|------|
|
||||||
|
| `resources.requests.cpu` | `500m` | `300m` | idle 0.7%, peak 추정 30%, 1 OCPU 노드에서 frontend(200m) + 잔여 시스템(~200m) 후 여유 |
|
||||||
|
| `resources.requests.memory` | `768Mi` | `512Mi` | 실측 ~305 MB, JVM heap·코드캐시·메타스페이스 여유 |
|
||||||
|
| `resources.limits.cpu` | `1` | `800m` | 1 OCPU 노드에서 throttle 방지 + 다른 Pod 여유 |
|
||||||
|
| `resources.limits.memory` | `1536Mi` | `1024Mi` | OOM 위험 줄이고 노드당 5 GiB allocatable에서 안정 |
|
||||||
|
| `strategy.rollingUpdate.maxSurge` | `0` (임시) | `25%` | 무중단 RollingUpdate 복귀 |
|
||||||
|
| `strategy.rollingUpdate.maxUnavailable` | `1` (임시) | `25%` | 동일 |
|
||||||
|
|
||||||
|
## 7. 함수 명세
|
||||||
|
|
||||||
|
매니페스트 변경이라 코드 함수 없음. **변경 단위 표**:
|
||||||
|
|
||||||
|
| 변경 단위 | 위치 | 책임 | 검증 |
|
||||||
|
|-----------|------|------|------|
|
||||||
|
| `requests.cpu` 다운 | `k8s/backend-deployment.yaml:37` | 새 Pod 스케줄링 가능 | `kubectl describe pod` Events에 FailedScheduling 없음 |
|
||||||
|
| `requests.memory` 다운 | `k8s/backend-deployment.yaml:38` | 같음 + OOM 안전 | Pod RSS / requests = 70% 이하 |
|
||||||
|
| `limits.cpu` 다운 | `k8s/backend-deployment.yaml:40` | throttle 제어 | `cpu.stat` throttled_usec 안 늘어남 |
|
||||||
|
| `limits.memory` 다운 | `k8s/backend-deployment.yaml:41` | OOM 보호 | OOMKilled 없음 |
|
||||||
|
| `strategy` 추가 | `k8s/backend-deployment.yaml` spec | 25%/25% 명시 | live patch와 GitOps 일치 |
|
||||||
|
|
||||||
|
> 모두 단순 선언적 변경. 복잡 함수 별도 fn-*.md 불필요.
|
||||||
|
|
||||||
|
## 8. 흐름 / 알고리즘
|
||||||
|
|
||||||
|
1. `k8s/backend-deployment.yaml` 편집(resources + strategy).
|
||||||
|
2. `kubectl apply -f k8s/backend-deployment.yaml`.
|
||||||
|
3. 신 Pod 1개 surge → Ready 대기 (~30-60초, JVM startup).
|
||||||
|
4. Ready 되면 구 Pod 종료(graceful, terminationGracePeriodSeconds 기본 30초).
|
||||||
|
5. `kubectl rollout status deploy/backend -n tasteby` PASS.
|
||||||
|
6. 외부 `curl https://www.tasteby.net/api/health` 연속 200 확인.
|
||||||
|
|
||||||
|
## 9. 엣지케이스 & 에러 처리
|
||||||
|
|
||||||
|
- **JVM startup이 readinessProbe initialDelaySeconds(30s)보다 길면**: 새 Pod이 Ready 못 받음 → 구 Pod 유지 → rollout 진행 안 됨. 현재 backend는 보통 20-25초에 Ready.
|
||||||
|
- **노드 가용 메모리 부족**: 두 backend Pod이 한 노드에 갈 경우 ~1 GiB 차지. frontend + DaemonSet 합치면 압박 가능. scheduler가 적절히 분산 기대 (replicas=1 surge 시).
|
||||||
|
- **OCIR 풀 실패**: imagePullBackOff 시 rollout 중단. 이미지 이미 풀돼 있으므로 영향 적음.
|
||||||
|
- **rollback**: 문제 시 `kubectl rollout undo deploy/backend` 또는 git revert + apply.
|
||||||
|
|
||||||
|
## 10. 테스트 계획
|
||||||
|
|
||||||
|
- 수동: 적용 직후 새 Pod Running 확인 + 외부 health 200 연속(약 2분간 5초 간격 polling).
|
||||||
|
- 부하 측정 후속: 운영 부하 24시간 관찰 → CPU throttle/OOM 없음 확인 (별도 follow-up).
|
||||||
|
- 자동 테스트: 해당 없음 (인프라 매니페스트).
|
||||||
|
|
||||||
|
## 11. 리스크 & 대안 검토
|
||||||
|
|
||||||
|
- **선택**: cpu 300m / mem 512Mi.
|
||||||
|
- **대안 A**: cpu 250m / mem 384Mi — 더 여유롭지만 peak 시 throttle 가능성.
|
||||||
|
- **대안 B**: cpu 400m / mem 640Mi — 안전 마진 크지만 25%/25% 복귀해도 두 Pod 공존 불가 가능(노드 잔여 CPU 부족).
|
||||||
|
- **대안 C**: replicas=2 + topologySpreadConstraints — 가용성↑이지만 비용·리소스↑, 현재 노드 한도에서 부적합.
|
||||||
|
- **트레이드오프**: 선택안은 peak에서 약간 빠듯하나 limits 800m로 burst 허용. 운영 24시간 관찰 후 재조정.
|
||||||
|
|
||||||
|
## 12. 미해결 질문
|
||||||
|
|
||||||
|
- peak 시(영상 추출 동시 다수) CPU 실제 사용량 — 현재 metrics-server 미설치라 정확 측정 불가. 추후 설치 후 재산정.
|
||||||
|
- HPA 도입 여부 — 노드 1 OCPU에선 의미 적음. 노드 추가 후 검토.
|
||||||
|
- replicas=2 가용성 강화 — 새 노드 형상에서 메모리 압박 우려, 별도 결정 필요.
|
||||||
187
docs/design/322-restaurant-llm-verify/README.md
Normal file
187
docs/design/322-restaurant-llm-verify/README.md
Normal file
@@ -0,0 +1,187 @@
|
|||||||
|
# 설계서: LLM 검증으로 잘못된/프랜차이즈 식당 자동 숨김 (#322)
|
||||||
|
|
||||||
|
> **상태**: Approved <!-- Draft | Approved | Superseded -->
|
||||||
|
> **작성**: [AI] Architect · **최종수정**: 2026-06-15
|
||||||
|
> **추적성** — Redmine: #322 · 관련 ADR: 없음
|
||||||
|
> · 구현 파일: `backend-java/src/main/java/com/tasteby/service/RestaurantVerifyService.java`(신규), `backend-java/src/main/java/com/tasteby/domain/Restaurant.java`(필드 3개 추가), `backend-java/src/main/resources/mybatis/mapper/RestaurantMapper.xml`(컬럼 매핑), `backend-java/src/main/java/com/tasteby/service/RestaurantService.java`(필터링), DB 마이그레이션 SQL
|
||||||
|
> · 테스트: 단위 테스트 신규 (검증 결과 파싱, hidden 필터링)
|
||||||
|
|
||||||
|
## 1. 목적 (Why)
|
||||||
|
|
||||||
|
LLM 추출 과정에서 (a) 식당이 아닌 비식별자(영상 제목, 사람 이름, 일반 명사 등)가 식당으로 잘못 등록되거나 (b) 흔한 프랜차이즈(스타벅스, 맥도날드 등)가 큐레이션 의도와 무관하게 등록되어 사용자 경험을 저해. LLM 2차 검증으로 자동 숨김 처리하고 어드민에서 수동 복구 가능하게 한다.
|
||||||
|
|
||||||
|
## 2. 범위 (Scope)
|
||||||
|
|
||||||
|
- **포함**
|
||||||
|
- `restaurants` 테이블 컬럼 추가: `hidden NUMBER(1) DEFAULT 0`, `hidden_reason VARCHAR2(120)`, `verified_at TIMESTAMP`.
|
||||||
|
- 신규 `RestaurantVerifyService`: 단건 검증 + 배치 백필 검증.
|
||||||
|
- `PipelineService.processExtract` 흐름 끝에 검증 호출(신규 등록 자동 검증).
|
||||||
|
- 어드민 API: 일괄 재검증 트리거 + 개별 hidden 토글.
|
||||||
|
- 프론트: 공개 API 응답에서 hidden=true 제외(어드민 응답에는 포함).
|
||||||
|
- **제외 (out of scope)**
|
||||||
|
- 이미지 인식, 메뉴 검증.
|
||||||
|
- 프랜차이즈 매칭 전용 DB/지식베이스(이번엔 LLM 단발 판정).
|
||||||
|
- 어드민 UI 대량 작업(필요 시 후속 이슈).
|
||||||
|
|
||||||
|
## 3. 인수조건 (Acceptance Criteria)
|
||||||
|
|
||||||
|
- [ ] `restaurants` 테이블에 `hidden`/`hidden_reason`/`verified_at` 3개 컬럼이 존재한다.
|
||||||
|
- [ ] 신규 식당 등록 후 60초 이내 `verified_at`이 설정된다.
|
||||||
|
- [ ] `GET /api/restaurants` 응답에 `hidden=1` 식당은 포함되지 않는다.
|
||||||
|
- [ ] `GET /api/admin/restaurants?include_hidden=true` 는 hidden을 포함하고 `hidden_reason`을 노출한다.
|
||||||
|
- [ ] 어드민 `PATCH /api/admin/restaurants/{id}/hidden {hidden:false}` 토글이 정상 동작한다.
|
||||||
|
- [ ] 어드민 `POST /api/admin/restaurants/verify-all` 호출 시 미검증 식당 전체를 백필(rate-limit 적용).
|
||||||
|
- [ ] LLM 호출 실패 시 식당은 hidden=0(공개) 유지(안전한 기본값) + 로그.
|
||||||
|
- [ ] 단위 테스트로 LLM 응답 파싱 + 필터링 로직 통과.
|
||||||
|
|
||||||
|
## 4. 컨텍스트 & 제약
|
||||||
|
|
||||||
|
- 의존성: 기존 `OciGenAiService.chat(prompt, maxTokens)` 재사용.
|
||||||
|
- DB: Oracle 23ai. DDL은 `ALTER TABLE` 마이그레이션.
|
||||||
|
- LLM 비용: 검증은 한 식당당 1회 단발(짧은 프롬프트). 500개 백필 시 약 500 호출.
|
||||||
|
- 봇/quota 제약 없음(OCI GenAI는 내부 호출).
|
||||||
|
- 기존 데이터: 약 500건 식당 → 백필 1회 필요. 신규 영상 처리 흐름에 자동 통합.
|
||||||
|
- 가정: LLM 판정 정확도 85-95%. 실수 시 어드민에서 수동 복구.
|
||||||
|
|
||||||
|
## 5. 아키텍처 개요
|
||||||
|
|
||||||
|
```
|
||||||
|
PipelineService.processExtract
|
||||||
|
│ (기존 흐름)
|
||||||
|
▼
|
||||||
|
RestaurantService.upsert
|
||||||
|
│
|
||||||
|
▼
|
||||||
|
RestaurantVerifyService.verifyAsync(restaurantId)
|
||||||
|
│ (비동기 — 사용자 응답 차단 안 함)
|
||||||
|
▼
|
||||||
|
OciGenAiService.chat(prompt, maxTokens=100)
|
||||||
|
│
|
||||||
|
▼
|
||||||
|
parseVerifyResponse → { valid: bool, isFranchise: bool, reason: string }
|
||||||
|
│
|
||||||
|
▼
|
||||||
|
RestaurantMapper.updateVerification(id, hidden, hiddenReason, verifiedAt)
|
||||||
|
│
|
||||||
|
▼ (공개 조회 시)
|
||||||
|
RestaurantService.list(...) → WHERE hidden = 0
|
||||||
|
RestaurantController.adminList(includeHidden=true) → 전체 + hidden_reason 노출
|
||||||
|
```
|
||||||
|
|
||||||
|
I/O ↔ 순수 로직 경계: `parseVerifyResponse`는 순수 함수(LLM 응답 문자열 → 객체). 외부 I/O(LLM 호출, DB write)는 서비스 메서드.
|
||||||
|
|
||||||
|
## 6. 데이터 모델
|
||||||
|
|
||||||
|
### DB 마이그레이션
|
||||||
|
```sql
|
||||||
|
ALTER TABLE restaurants ADD (
|
||||||
|
hidden NUMBER(1) DEFAULT 0 NOT NULL,
|
||||||
|
hidden_reason VARCHAR2(120),
|
||||||
|
verified_at TIMESTAMP
|
||||||
|
);
|
||||||
|
CREATE INDEX idx_restaurants_hidden ON restaurants(hidden);
|
||||||
|
```
|
||||||
|
|
||||||
|
### Restaurant 도메인 추가 필드
|
||||||
|
| 필드 | 타입 | 의미 |
|
||||||
|
|------|------|------|
|
||||||
|
| `hidden` | `Boolean` | true면 공개 조회에서 제외 |
|
||||||
|
| `hiddenReason` | `String` | "not_restaurant" / "franchise" / "manual" / null |
|
||||||
|
| `verifiedAt` | `Instant` | 마지막 검증 시각, null이면 미검증 |
|
||||||
|
|
||||||
|
### LLM 응답 스키마
|
||||||
|
```json
|
||||||
|
{
|
||||||
|
"valid": true,
|
||||||
|
"is_franchise": false,
|
||||||
|
"reason": "한식 전문점, 로컬"
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
## 7. 함수 명세
|
||||||
|
|
||||||
|
| 함수 | 책임(1줄) | 시그니처(잠정) | 입력 | 출력 | 에러/실패 | 복잡? |
|
||||||
|
|------|-----------|----------------|------|------|-----------|-------|
|
||||||
|
| `RestaurantVerifyService.verify(id)` | 단건 검증 + DB 반영 | `void verify(String restaurantId)` | restaurantId | side-effect | LLM/DB 예외 → 로그 후 hidden 유지(공개) | **복잡** |
|
||||||
|
| `RestaurantVerifyService.verifyAsync(id)` | 비동기 트리거 | `void verifyAsync(String restaurantId)` | id | - | thread pool 만원 → 다음 cron 처리 | 단순 |
|
||||||
|
| `RestaurantVerifyService.verifyAll(limit)` | 백필(rate-limit 적용) | `int verifyAll(int batchSize)` | batch | 처리된 개수 | LLM rate limit → sleep | **복잡** |
|
||||||
|
| `RestaurantVerifyService.buildPrompt(r)` | 프롬프트 생성 | `String buildPrompt(Restaurant)` | r | 프롬프트 문자열 | - | 단순 |
|
||||||
|
| `RestaurantVerifyService.parseVerifyResponse(s)` | LLM 응답 → DTO | `VerifyResult parse(String)` | LLM raw | DTO | 파싱 실패 → valid=true 기본값(안전) | **복잡** |
|
||||||
|
| `RestaurantMapper.updateVerification(id, hidden, reason, ts)` | DB 갱신 | `int update(...)` | 4 args | 업데이트 행 수 | DB 예외 | 단순 |
|
||||||
|
| `RestaurantService.list()` (수정) | 공개 조회 hidden=0 필터 | `WHERE hidden = 0` 추가 | - | - | - | 단순 |
|
||||||
|
| `AdminRestaurantController.toggleHidden(id)` (신규) | 어드민 수동 토글 | `PATCH /api/admin/restaurants/{id}/hidden` | id, body | success | requireAdmin | 단순 |
|
||||||
|
| `AdminRestaurantController.verifyAll()` (신규) | 백필 트리거 | `POST /api/admin/restaurants/verify-all` | - | 처리 개수 | requireAdmin | 단순 |
|
||||||
|
|
||||||
|
> 복잡 함수는 각각 `fn-verify.md`, `fn-verify-all.md`, `fn-parse-verify-response.md` 후속 분리 가능(현재 후속 이슈로).
|
||||||
|
|
||||||
|
## 8. 흐름 / 알고리즘
|
||||||
|
|
||||||
|
### 신규 등록 검증
|
||||||
|
1. `PipelineService.processExtract` 완료 시 `restaurantId` 획득.
|
||||||
|
2. `RestaurantVerifyService.verifyAsync(restaurantId)` 호출(@Async).
|
||||||
|
3. 별도 스레드에서 `verify(id)` 실행:
|
||||||
|
- 식당 조회 → `buildPrompt` → `OciGenAiService.chat` → `parseVerifyResponse`
|
||||||
|
- `valid=false` 또는 `is_franchise=true`면 hidden=1, reason 설정
|
||||||
|
- `RestaurantMapper.updateVerification` 호출
|
||||||
|
4. 캐시 무효화는 검증 결과가 hidden=1일 때만(공개 목록 변경).
|
||||||
|
|
||||||
|
### 백필
|
||||||
|
1. 어드민 `POST /api/admin/restaurants/verify-all` 호출.
|
||||||
|
2. `verifyAll(batchSize=10)`:
|
||||||
|
- `WHERE verified_at IS NULL` 인 식당 10개 조회 → 순차 검증
|
||||||
|
- 식당당 200ms sleep(LLM rate limit 보호)
|
||||||
|
- 끝까지 반복(`do { ... } while (count == 10)`)
|
||||||
|
3. 전체 카운트 반환.
|
||||||
|
|
||||||
|
### 프롬프트
|
||||||
|
```
|
||||||
|
당신은 식당 데이터 큐레이터다. 다음 식당이 (1) 실제 운영 식당인지, (2) 흔한 프랜차이즈인지 판정하라.
|
||||||
|
|
||||||
|
식당명: {name}
|
||||||
|
주소: {address}
|
||||||
|
지역: {region}
|
||||||
|
음식 분류: {cuisineType}
|
||||||
|
언급된 음식: {foodsMentioned}
|
||||||
|
|
||||||
|
응답 형식(JSON만, 다른 텍스트 없이):
|
||||||
|
{"valid": true|false, "is_franchise": true|false, "reason": "20자 이내"}
|
||||||
|
|
||||||
|
가이드:
|
||||||
|
- valid=false: 식당 이름이 사람 이름, 영상 제목 일부, 일반 명사("점심", "맛집"), 영문 prefix("name:", "title:") 등 분명히 식당이 아닌 경우.
|
||||||
|
- is_franchise=true: 스타벅스, 맥도날드, 버거킹, 김밥천국, 본죽 등 전국 50개 이상 매장의 흔한 체인.
|
||||||
|
- 판단이 모호하면 valid=true, is_franchise=false (보수적).
|
||||||
|
```
|
||||||
|
|
||||||
|
## 9. 엣지케이스 & 에러 처리
|
||||||
|
|
||||||
|
- **LLM 응답이 JSON 아님**: `parseVerifyResponse`가 JSON 파싱 실패 → valid=true, is_franchise=false 기본값(안전).
|
||||||
|
- **LLM 호출 실패(timeout/quota)**: 로그 후 verified_at 미설정 → 다음 백필에서 재시도.
|
||||||
|
- **LLM이 false negative(잘못된 식당을 정상이라 판정)**: 어드민 수동 토글로 보완.
|
||||||
|
- **LLM이 false positive(정상 식당을 잘못/프랜차이즈로 판정)**: 어드민 수동 hidden=false 토글.
|
||||||
|
- **동시성**: verifyAsync가 같은 ID 두 번 호출돼도 idempotent(같은 결과로 update).
|
||||||
|
- **레이트 리밋**: 백필에서 식당당 200ms sleep + 단건 검증은 별 신경 안 씀(빈도 낮음).
|
||||||
|
|
||||||
|
## 10. 테스트 계획
|
||||||
|
|
||||||
|
- 단위:
|
||||||
|
- `parseVerifyResponse`: 정상 JSON / 파손 JSON / 빈 문자열 / 마크다운 코드블록 포함 케이스.
|
||||||
|
- `buildPrompt`: 모든 필드 채워진 경우 / 일부 null 케이스.
|
||||||
|
- 통합 (수동 또는 후속):
|
||||||
|
- 프랜차이즈 식당 1건 시드 → verifyAll → hidden=1 확인.
|
||||||
|
- 정상 식당 1건 시드 → verifyAll → hidden=0 확인.
|
||||||
|
- 회귀: 기존 `GET /api/restaurants` 응답 구조 변경 없음(필드만 추가, 옵션).
|
||||||
|
|
||||||
|
## 11. 리스크 & 대안 검토
|
||||||
|
|
||||||
|
- **선택**: 단발 LLM 판정 + 어드민 수동 보완.
|
||||||
|
- **대안 A**: 프랜차이즈 DB 자체 구축(스타벅스/맥도날드 등 화이트리스트 매칭) — 정확도↑이지만 운영 부담↑, 신규 프랜차이즈 누락 위험.
|
||||||
|
- **대안 B**: 추출 단계(OciGenAiService.parseJson)에서 한 번에 판정 — 비용↓이지만 추출 로직 비대해짐.
|
||||||
|
- **대안 C**: 이중 검증(LLM A + LLM B 일치 시만 hidden) — 정확도↑↑이지만 비용 2배.
|
||||||
|
- **트레이드오프**: 단발 판정은 비용·복잡도 낮으나 false positive 가능. 어드민 토글로 보완 가능하므로 수용.
|
||||||
|
|
||||||
|
## 12. 미해결 질문
|
||||||
|
|
||||||
|
- 백필 1회 트리거 후 주기적 재검증 필요한가(예: 폐업 식당 자동 hidden)? — 후속.
|
||||||
|
- LLM 비용 모니터링 — 별도 이슈로 분리 권고.
|
||||||
|
- 프랜차이즈 판정 임계값 — 사용자 의견 수렴 필요. 현재 가이드는 "전국 50개 이상".
|
||||||
|
- 어드민 UI에서 일괄 작업(체크박스 + 일괄 hidden 토글) — 별도 이슈.
|
||||||
@@ -13,9 +13,10 @@ import RestaurantDetail from "@/components/RestaurantDetail";
|
|||||||
import MyReviewsList from "@/components/MyReviewsList";
|
import MyReviewsList from "@/components/MyReviewsList";
|
||||||
import BottomSheet from "@/components/BottomSheet";
|
import BottomSheet from "@/components/BottomSheet";
|
||||||
import FilterSheet, { FilterOption } from "@/components/FilterSheet";
|
import FilterSheet, { FilterOption } from "@/components/FilterSheet";
|
||||||
import { getCuisineIcon, getTablerCuisineIcon } from "@/lib/cuisine-icons";
|
import { getCuisineIcon, getPhosphorCuisineIcon } from "@/lib/cuisine-icons";
|
||||||
import Icon from "@/components/Icon";
|
import Icon from "@/components/Icon";
|
||||||
import * as TablerIcons from "@tabler/icons-react";
|
import FoodIcon from "@/components/FoodIcon";
|
||||||
|
import * as PhosphorIcons from "@phosphor-icons/react";
|
||||||
|
|
||||||
function useDragScroll() {
|
function useDragScroll() {
|
||||||
const ref = useRef<HTMLDivElement>(null);
|
const ref = useRef<HTMLDivElement>(null);
|
||||||
@@ -73,16 +74,24 @@ function matchCuisineFilter(cuisineType: string | null, filter: string): boolean
|
|||||||
|
|
||||||
const PRICE_GROUPS: { label: string; test: (p: string) => boolean }[] = [
|
const PRICE_GROUPS: { label: string; test: (p: string) => boolean }[] = [
|
||||||
{
|
{
|
||||||
label: "저렴 (~1만원)",
|
label: "저렴 (~5천원)",
|
||||||
test: (p) => /저렴|가성비|착한|만원 이하|[3-9]천원|^\d[,.]?\d*천원/.test(p) || /^[1]만원대$/.test(p) || /^[5-9],?\d{3}원/.test(p),
|
test: (p) => /저렴|착한|[3-5]천원대?$|^\d천원$/.test(p),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "가성비 (5천~1만원)",
|
||||||
|
test: (p) => /가성비|만원 이하|[6-9]천원|^1만원대$|^[5-9],?\d{3}원/.test(p),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "보통 (1~3만원)",
|
label: "보통 (1~3만원)",
|
||||||
test: (p) => /[1-2]만원대|1-[23]만|인당 [12]\d?,?\d*원|1[2-9],?\d{3}원|2[0-9],?\d{3}원/.test(p),
|
test: (p) => /[1-2]만원대|1-[23]만|인당 [12]\d?,?\d*원|1[2-9],?\d{3}원|2[0-9],?\d{3}원/.test(p),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "고가 (3만원~)",
|
label: "프리미엄 (3~5만원)",
|
||||||
test: (p) => /[3-9]만원|고가|높은|묵직|살벌|10만원|5만원|4만원|6만원/.test(p),
|
test: (p) => /[3-4]만원대?|3-[45]만|인당 [34]\d?,?\d*원|3[0-9],?\d{3}원|4[0-9],?\d{3}원/.test(p),
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "럭셔리 (5만원~)",
|
||||||
|
test: (p) => /[5-9]만원|고가|10만원|[1-9]\d만원|인당 [5-9]\d?,?\d*원|5[0-9],?\d{3}원|[6-9][0-9],?\d{3}원/.test(p),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -304,16 +313,18 @@ export default function Home() {
|
|||||||
api.recordVisit().then(() => api.getVisits().then(setVisits)).catch(console.error);
|
api.recordVisit().then(() => api.getVisits().then(setVisits)).catch(console.error);
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
// Load all restaurants on mount
|
// Load restaurants on mount and when channel filter changes
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
setIsSearchResult(false);
|
setIsSearchResult(false);
|
||||||
|
const params: { limit: number; channel?: string } = { limit: 500 };
|
||||||
|
if (channelFilter) params.channel = channelFilter;
|
||||||
api
|
api
|
||||||
.getRestaurants({ limit: 500 })
|
.getRestaurants(params)
|
||||||
.then(setRestaurants)
|
.then(setRestaurants)
|
||||||
.catch(console.error)
|
.catch(console.error)
|
||||||
.finally(() => setLoading(false));
|
.finally(() => setLoading(false));
|
||||||
}, []);
|
}, [channelFilter]);
|
||||||
|
|
||||||
// Auto-select region from user's geolocation (once)
|
// Auto-select region from user's geolocation (once)
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -393,7 +404,16 @@ export default function Home() {
|
|||||||
}
|
}
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
|
// 검색결과 모드에서 필터 변경 시 검색 결과가 무시되는 결함(#302) 해결.
|
||||||
|
// 검색 모드 플래그를 풀고 원본 restaurants를 다시 로드한다.
|
||||||
|
const exitSearchMode = useCallback(() => {
|
||||||
|
setIsSearchResult(false);
|
||||||
|
setResetCount((c) => c + 1);
|
||||||
|
api.getRestaurants({ limit: 500 }).then(setRestaurants).catch(() => {});
|
||||||
|
}, []);
|
||||||
|
|
||||||
const handleCountryChange = useCallback((country: string) => {
|
const handleCountryChange = useCallback((country: string) => {
|
||||||
|
if (isSearchResult) exitSearchMode();
|
||||||
setCountryFilter(country);
|
setCountryFilter(country);
|
||||||
setCityFilter("");
|
setCityFilter("");
|
||||||
setDistrictFilter("");
|
setDistrictFilter("");
|
||||||
@@ -404,9 +424,10 @@ export default function Home() {
|
|||||||
return p && p.country === country;
|
return p && p.country === country;
|
||||||
});
|
});
|
||||||
setRegionFlyTo(computeFlyTo(matched));
|
setRegionFlyTo(computeFlyTo(matched));
|
||||||
}, [restaurants]);
|
}, [restaurants, isSearchResult, exitSearchMode]);
|
||||||
|
|
||||||
const handleCityChange = useCallback((city: string) => {
|
const handleCityChange = useCallback((city: string) => {
|
||||||
|
if (isSearchResult) exitSearchMode();
|
||||||
setCityFilter(city);
|
setCityFilter(city);
|
||||||
setDistrictFilter("");
|
setDistrictFilter("");
|
||||||
if (!city) {
|
if (!city) {
|
||||||
@@ -423,9 +444,10 @@ export default function Home() {
|
|||||||
return p && p.country === countryFilter && p.city === city;
|
return p && p.country === countryFilter && p.city === city;
|
||||||
});
|
});
|
||||||
setRegionFlyTo(computeFlyTo(matched));
|
setRegionFlyTo(computeFlyTo(matched));
|
||||||
}, [restaurants, countryFilter]);
|
}, [restaurants, countryFilter, isSearchResult, exitSearchMode]);
|
||||||
|
|
||||||
const handleDistrictChange = useCallback((district: string) => {
|
const handleDistrictChange = useCallback((district: string) => {
|
||||||
|
if (isSearchResult) exitSearchMode();
|
||||||
setDistrictFilter(district);
|
setDistrictFilter(district);
|
||||||
if (!district) {
|
if (!district) {
|
||||||
const matched = restaurants.filter((r) => {
|
const matched = restaurants.filter((r) => {
|
||||||
@@ -440,7 +462,7 @@ export default function Home() {
|
|||||||
return p && p.country === countryFilter && p.city === cityFilter && p.district === district;
|
return p && p.country === countryFilter && p.city === cityFilter && p.district === district;
|
||||||
});
|
});
|
||||||
setRegionFlyTo(computeFlyTo(matched));
|
setRegionFlyTo(computeFlyTo(matched));
|
||||||
}, [restaurants, countryFilter, cityFilter]);
|
}, [restaurants, countryFilter, cityFilter, isSearchResult, exitSearchMode]);
|
||||||
|
|
||||||
const handleReset = useCallback(() => {
|
const handleReset = useCallback(() => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
@@ -789,10 +811,10 @@ export default function Home() {
|
|||||||
{(cuisineFilter || priceFilter) && (
|
{(cuisineFilter || priceFilter) && (
|
||||||
<button
|
<button
|
||||||
onClick={() => { setCuisineFilter(""); setPriceFilter(""); }}
|
onClick={() => { setCuisineFilter(""); setPriceFilter(""); }}
|
||||||
className="text-gray-400 hover:text-brand-500 transition-colors"
|
className="p-1.5 -mr-1 text-gray-400 hover:text-brand-500 transition-colors touch-manipulation"
|
||||||
title="음식 필터 초기화"
|
title="음식 필터 초기화"
|
||||||
>
|
>
|
||||||
<Icon name="close" size={12} />
|
<Icon name="close" size={14} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
@@ -848,10 +870,10 @@ export default function Home() {
|
|||||||
{countryFilter && (
|
{countryFilter && (
|
||||||
<button
|
<button
|
||||||
onClick={() => { setCountryFilter(""); setCityFilter(""); setDistrictFilter(""); setRegionFlyTo(null); }}
|
onClick={() => { setCountryFilter(""); setCityFilter(""); setDistrictFilter(""); setRegionFlyTo(null); }}
|
||||||
className="text-gray-400 hover:text-brand-500 transition-colors"
|
className="p-1.5 -mr-1 text-gray-400 hover:text-brand-500 transition-colors touch-manipulation"
|
||||||
title="지역 필터 초기화"
|
title="지역 필터 초기화"
|
||||||
>
|
>
|
||||||
<Icon name="close" size={12} />
|
<Icon name="close" size={14} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
@@ -867,9 +889,9 @@ export default function Home() {
|
|||||||
setDistrictFilter("");
|
setDistrictFilter("");
|
||||||
setRegionFlyTo(null);
|
setRegionFlyTo(null);
|
||||||
}}
|
}}
|
||||||
className="flex items-center gap-1 rounded-lg px-2 py-1 bg-gray-50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 hover:text-brand-500 transition-colors"
|
className="flex items-center gap-1 rounded-lg px-2.5 py-1.5 bg-gray-50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 hover:text-brand-500 transition-colors touch-manipulation"
|
||||||
>
|
>
|
||||||
<Icon name="close" size={12} />
|
<Icon name="close" size={14} />
|
||||||
<span>전체보기</span>
|
<span>전체보기</span>
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
@@ -999,10 +1021,10 @@ export default function Home() {
|
|||||||
<div ref={dg.ref} onMouseDown={dg.onMouseDown} onMouseMove={dg.onMouseMove} onMouseUp={dg.onMouseUp} onMouseLeave={dg.onMouseLeave} onClickCapture={dg.onClickCapture} style={dg.style} className="flex gap-2 overflow-x-auto scrollbar-hide -mx-1 px-1 pb-1 select-none">
|
<div ref={dg.ref} onMouseDown={dg.onMouseDown} onMouseMove={dg.onMouseMove} onMouseUp={dg.onMouseUp} onMouseLeave={dg.onMouseLeave} onClickCapture={dg.onClickCapture} style={dg.style} className="flex gap-2 overflow-x-auto scrollbar-hide -mx-1 px-1 pb-1 select-none">
|
||||||
{(() => {
|
{(() => {
|
||||||
const allCards = [
|
const allCards = [
|
||||||
{ label: "전체", value: "", icon: "Bowl" },
|
{ label: "전체", value: "", icon: "ForkKnife" },
|
||||||
...CUISINE_TAXONOMY.flatMap((g) => [
|
...CUISINE_TAXONOMY.flatMap((g) => [
|
||||||
{ label: g.category, value: g.category, icon: getTablerCuisineIcon(g.category) },
|
{ label: g.category, value: g.category, icon: getPhosphorCuisineIcon(g.category) },
|
||||||
...g.items.map((item) => ({ label: item, value: `${g.category}|${item}`, icon: getTablerCuisineIcon(`${g.category}|${item}`) })),
|
...g.items.map((item) => ({ label: item, value: `${g.category}|${item}`, icon: getPhosphorCuisineIcon(`${g.category}|${item}`) })),
|
||||||
]),
|
]),
|
||||||
];
|
];
|
||||||
return allCards.map((card) => {
|
return allCards.map((card) => {
|
||||||
@@ -1012,7 +1034,7 @@ export default function Home() {
|
|||||||
: isCategory
|
: isCategory
|
||||||
? cuisineFilter === card.value || cuisineFilter.startsWith(card.value + "|")
|
? cuisineFilter === card.value || cuisineFilter.startsWith(card.value + "|")
|
||||||
: cuisineFilter === card.value;
|
: cuisineFilter === card.value;
|
||||||
const TablerIcon = (TablerIcons as unknown as Record<string, React.ComponentType<{ size?: number; stroke?: number; className?: string }>>)[`Icon${card.icon}`] || TablerIcons.IconBowl;
|
const PhIcon = (PhosphorIcons as unknown as Record<string, React.ComponentType<{ size?: number; weight?: string; className?: string }>>)[card.icon] || PhosphorIcons.ForkKnife;
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
key={card.value || "__all__"}
|
key={card.value || "__all__"}
|
||||||
@@ -1029,7 +1051,11 @@ export default function Home() {
|
|||||||
: "bg-white border border-gray-100 text-gray-500"
|
: "bg-white border border-gray-100 text-gray-500"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<TablerIcon size={22} stroke={1.5} className={selected ? "text-white" : isCategory ? "text-brand-500" : "text-gray-400"} />
|
{card.icon.startsWith("food:") ? (
|
||||||
|
<FoodIcon name={card.icon.slice(5)} size={22} className={selected ? "text-white" : isCategory ? "text-brand-500" : "text-gray-400"} />
|
||||||
|
) : (
|
||||||
|
<PhIcon size={22} className={selected ? "text-white" : isCategory ? "text-brand-500" : "text-gray-400"} />
|
||||||
|
)}
|
||||||
<span className={`text-[11px] whitespace-nowrap ${isCategory ? "font-semibold" : "font-medium"}`}>{card.label}</span>
|
<span className={`text-[11px] whitespace-nowrap ${isCategory ? "font-semibold" : "font-medium"}`}>{card.label}</span>
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
@@ -1459,7 +1485,7 @@ export default function Home() {
|
|||||||
title="음식 장르"
|
title="음식 장르"
|
||||||
options={cuisineOptions}
|
options={cuisineOptions}
|
||||||
value={cuisineFilter}
|
value={cuisineFilter}
|
||||||
onChange={(v) => { setCuisineFilter(v); if (v) setBoundsFilterOn(false); }}
|
onChange={(v) => { if (isSearchResult) exitSearchMode(); setCuisineFilter(v); if (v) setBoundsFilterOn(false); }}
|
||||||
/>
|
/>
|
||||||
<FilterSheet
|
<FilterSheet
|
||||||
open={openSheet === "price"}
|
open={openSheet === "price"}
|
||||||
@@ -1467,7 +1493,7 @@ export default function Home() {
|
|||||||
title="가격대"
|
title="가격대"
|
||||||
options={priceOptions}
|
options={priceOptions}
|
||||||
value={priceFilter}
|
value={priceFilter}
|
||||||
onChange={(v) => { setPriceFilter(v); if (v) setBoundsFilterOn(false); }}
|
onChange={(v) => { if (isSearchResult) exitSearchMode(); setPriceFilter(v); if (v) setBoundsFilterOn(false); }}
|
||||||
/>
|
/>
|
||||||
<FilterSheet
|
<FilterSheet
|
||||||
open={openSheet === "country"}
|
open={openSheet === "country"}
|
||||||
|
|||||||
@@ -1,23 +1,28 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useCallback, useEffect, useRef, useState } from "react";
|
import { useCallback, useEffect, useRef, useState } from "react";
|
||||||
|
import { useEscapeKey, useFocusTrap } from "@/lib/hooks/useModalA11y";
|
||||||
|
|
||||||
interface BottomSheetProps {
|
interface BottomSheetProps {
|
||||||
open: boolean;
|
open: boolean;
|
||||||
onClose: () => void;
|
onClose: () => void;
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
|
ariaLabel?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const SNAP_POINTS = { PEEK: 0.4, HALF: 0.55, FULL: 0.92 };
|
const SNAP_POINTS = { PEEK: 0.4, HALF: 0.55, FULL: 0.92 };
|
||||||
const VELOCITY_THRESHOLD = 0.5;
|
const VELOCITY_THRESHOLD = 0.5;
|
||||||
|
|
||||||
export default function BottomSheet({ open, onClose, children }: BottomSheetProps) {
|
export default function BottomSheet({ open, onClose, children, ariaLabel = "상세 정보" }: BottomSheetProps) {
|
||||||
const sheetRef = useRef<HTMLDivElement>(null);
|
const sheetRef = useRef<HTMLDivElement>(null);
|
||||||
const contentRef = useRef<HTMLDivElement>(null);
|
const contentRef = useRef<HTMLDivElement>(null);
|
||||||
const [height, setHeight] = useState(SNAP_POINTS.PEEK);
|
const [height, setHeight] = useState(SNAP_POINTS.PEEK);
|
||||||
const [dragging, setDragging] = useState(false);
|
const [dragging, setDragging] = useState(false);
|
||||||
const dragState = useRef({ startY: 0, startH: 0, lastY: 0, lastTime: 0 });
|
const dragState = useRef({ startY: 0, startH: 0, lastY: 0, lastTime: 0 });
|
||||||
|
|
||||||
|
useEscapeKey(open, onClose);
|
||||||
|
useFocusTrap(open, sheetRef);
|
||||||
|
|
||||||
// Reset to peek when opened
|
// Reset to peek when opened
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (open) setHeight(SNAP_POINTS.PEEK);
|
if (open) setHeight(SNAP_POINTS.PEEK);
|
||||||
@@ -89,6 +94,10 @@ export default function BottomSheet({ open, onClose, children }: BottomSheetProp
|
|||||||
{/* Sheet */}
|
{/* Sheet */}
|
||||||
<div
|
<div
|
||||||
ref={sheetRef}
|
ref={sheetRef}
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-label={ariaLabel}
|
||||||
|
tabIndex={-1}
|
||||||
className="fixed bottom-0 left-0 right-0 z-50 md:hidden flex flex-col bg-surface/85 backdrop-blur-xl rounded-t-2xl shadow-2xl"
|
className="fixed bottom-0 left-0 right-0 z-50 md:hidden flex flex-col bg-surface/85 backdrop-blur-xl rounded-t-2xl shadow-2xl"
|
||||||
style={{
|
style={{
|
||||||
height: `${height * 100}vh`,
|
height: `${height * 100}vh`,
|
||||||
|
|||||||
@@ -1,7 +1,8 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useEffect, useRef } from "react";
|
import { useRef } from "react";
|
||||||
import Icon from "@/components/Icon";
|
import Icon from "@/components/Icon";
|
||||||
|
import { useEscapeKey, useFocusTrap, useBodyScrollLock } from "@/lib/hooks/useModalA11y";
|
||||||
|
|
||||||
export interface FilterOption {
|
export interface FilterOption {
|
||||||
label: string;
|
label: string;
|
||||||
@@ -20,12 +21,11 @@ interface FilterSheetProps {
|
|||||||
|
|
||||||
export default function FilterSheet({ open, onClose, title, options, value, onChange }: FilterSheetProps) {
|
export default function FilterSheet({ open, onClose, title, options, value, onChange }: FilterSheetProps) {
|
||||||
const sheetRef = useRef<HTMLDivElement>(null);
|
const sheetRef = useRef<HTMLDivElement>(null);
|
||||||
|
const titleId = "filter-sheet-title";
|
||||||
|
|
||||||
useEffect(() => {
|
useBodyScrollLock(open);
|
||||||
if (!open) return;
|
useEscapeKey(open, onClose);
|
||||||
document.body.style.overflow = "hidden";
|
useFocusTrap(open, sheetRef);
|
||||||
return () => { document.body.style.overflow = ""; };
|
|
||||||
}, [open]);
|
|
||||||
|
|
||||||
// Group options by group field
|
// Group options by group field
|
||||||
const grouped = options.reduce<Record<string, FilterOption[]>>((acc, opt) => {
|
const grouped = options.reduce<Record<string, FilterOption[]>>((acc, opt) => {
|
||||||
@@ -54,6 +54,10 @@ export default function FilterSheet({ open, onClose, title, options, value, onCh
|
|||||||
{/* Sheet */}
|
{/* Sheet */}
|
||||||
<div
|
<div
|
||||||
ref={sheetRef}
|
ref={sheetRef}
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby={titleId}
|
||||||
|
tabIndex={-1}
|
||||||
className="fixed bottom-0 left-0 right-0 z-[61] md:hidden bg-surface rounded-t-2xl shadow-2xl max-h-[70vh] flex flex-col animate-slide-up"
|
className="fixed bottom-0 left-0 right-0 z-[61] md:hidden bg-surface rounded-t-2xl shadow-2xl max-h-[70vh] flex flex-col animate-slide-up"
|
||||||
>
|
>
|
||||||
{/* Handle */}
|
{/* Handle */}
|
||||||
@@ -63,8 +67,8 @@ export default function FilterSheet({ open, onClose, title, options, value, onCh
|
|||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div className="flex items-center justify-between px-4 py-2 border-b border-gray-100 dark:border-gray-800 shrink-0">
|
<div className="flex items-center justify-between px-4 py-2 border-b border-gray-100 dark:border-gray-800 shrink-0">
|
||||||
<h3 className="font-bold text-base text-gray-900 dark:text-gray-100">{title}</h3>
|
<h3 id={titleId} className="font-bold text-base text-gray-900 dark:text-gray-100">{title}</h3>
|
||||||
<button onClick={onClose} className="p-1 text-gray-400 hover:text-gray-600">
|
<button onClick={onClose} aria-label="필터 닫기" className="p-2 -mr-1 text-gray-400 hover:text-gray-600">
|
||||||
<Icon name="close" size={20} />
|
<Icon name="close" size={20} />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -23,19 +23,20 @@ export default function RestaurantDetail({
|
|||||||
const [favLoading, setFavLoading] = useState(false);
|
const [favLoading, setFavLoading] = useState(false);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
let cancelled = false;
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
api
|
api
|
||||||
.getRestaurantVideos(restaurant.id)
|
.getRestaurantVideos(restaurant.id)
|
||||||
.then(setVideos)
|
.then((v) => { if (!cancelled) setVideos(v); })
|
||||||
.catch(() => setVideos([]))
|
.catch(() => { if (!cancelled) setVideos([]); })
|
||||||
.finally(() => setLoading(false));
|
.finally(() => { if (!cancelled) setLoading(false); });
|
||||||
|
|
||||||
// Load favorite status if logged in
|
|
||||||
if (getToken()) {
|
if (getToken()) {
|
||||||
api.getFavoriteStatus(restaurant.id)
|
api.getFavoriteStatus(restaurant.id)
|
||||||
.then((r) => setFavorited(r.favorited))
|
.then((r) => { if (!cancelled) setFavorited(r.favorited); })
|
||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
}
|
}
|
||||||
|
return () => { cancelled = true; };
|
||||||
}, [restaurant.id]);
|
}, [restaurant.id]);
|
||||||
|
|
||||||
const handleToggleFavorite = async () => {
|
const handleToggleFavorite = async () => {
|
||||||
@@ -57,12 +58,12 @@ export default function RestaurantDetail({
|
|||||||
<button
|
<button
|
||||||
onClick={handleToggleFavorite}
|
onClick={handleToggleFavorite}
|
||||||
disabled={favLoading}
|
disabled={favLoading}
|
||||||
className={`text-xl leading-none transition-colors ${
|
className={`p-1.5 -m-1.5 transition-colors touch-manipulation ${
|
||||||
favorited ? "text-rose-500" : "text-gray-300 dark:text-gray-600 hover:text-rose-400"
|
favorited ? "text-rose-500" : "text-gray-300 dark:text-gray-600 hover:text-rose-400"
|
||||||
}`}
|
}`}
|
||||||
title={favorited ? "찜 해제" : "찜하기"}
|
title={favorited ? "찜 해제" : "찜하기"}
|
||||||
>
|
>
|
||||||
<Icon name="favorite" size={20} filled={favorited} />
|
<Icon name="favorite" size={22} filled={favorited} />
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
{restaurant.business_status === "CLOSED_PERMANENTLY" && (
|
{restaurant.business_status === "CLOSED_PERMANENTLY" && (
|
||||||
@@ -218,7 +219,7 @@ export default function RestaurantDetail({
|
|||||||
<Icon name="play_circle" size={16} filled className="flex-shrink-0" />
|
<Icon name="play_circle" size={16} filled className="flex-shrink-0" />
|
||||||
{v.title}
|
{v.title}
|
||||||
</a>
|
</a>
|
||||||
{v.foods_mentioned.length > 0 && (
|
{v.foods_mentioned?.length > 0 && (
|
||||||
<div className="flex flex-wrap gap-1 mt-2">
|
<div className="flex flex-wrap gap-1 mt-2">
|
||||||
{v.foods_mentioned.map((f, i) => (
|
{v.foods_mentioned.map((f, i) => (
|
||||||
<span
|
<span
|
||||||
@@ -235,7 +236,7 @@ export default function RestaurantDetail({
|
|||||||
{v.evaluation.text}
|
{v.evaluation.text}
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
{v.guests.length > 0 && (
|
{v.guests?.length > 0 && (
|
||||||
<p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
|
<p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
|
||||||
게스트: {v.guests.join(", ")}
|
게스트: {v.guests.join(", ")}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
74
frontend/src/lib/hooks/useModalA11y.ts
Normal file
74
frontend/src/lib/hooks/useModalA11y.ts
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
import { useEffect } from "react";
|
||||||
|
|
||||||
|
export function useEscapeKey(active: boolean, onEscape: () => void) {
|
||||||
|
useEffect(() => {
|
||||||
|
if (!active) return;
|
||||||
|
const handler = (e: KeyboardEvent) => {
|
||||||
|
if (e.key === "Escape") {
|
||||||
|
e.stopPropagation();
|
||||||
|
onEscape();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
document.addEventListener("keydown", handler);
|
||||||
|
return () => document.removeEventListener("keydown", handler);
|
||||||
|
}, [active, onEscape]);
|
||||||
|
}
|
||||||
|
|
||||||
|
const FOCUSABLE = [
|
||||||
|
"a[href]",
|
||||||
|
"button:not([disabled])",
|
||||||
|
"input:not([disabled])",
|
||||||
|
"select:not([disabled])",
|
||||||
|
"textarea:not([disabled])",
|
||||||
|
'[tabindex]:not([tabindex="-1"])',
|
||||||
|
].join(",");
|
||||||
|
|
||||||
|
export function useFocusTrap<T extends HTMLElement>(active: boolean, containerRef: React.RefObject<T | null>) {
|
||||||
|
useEffect(() => {
|
||||||
|
if (!active) return;
|
||||||
|
const node = containerRef.current;
|
||||||
|
if (!node) return;
|
||||||
|
const previouslyFocused = document.activeElement as HTMLElement | null;
|
||||||
|
const focusables = () => Array.from(node.querySelectorAll<HTMLElement>(FOCUSABLE));
|
||||||
|
const first = focusables()[0];
|
||||||
|
first?.focus();
|
||||||
|
const handler = (e: KeyboardEvent) => {
|
||||||
|
if (e.key !== "Tab") return;
|
||||||
|
const list = focusables();
|
||||||
|
if (list.length === 0) {
|
||||||
|
e.preventDefault();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const head = list[0];
|
||||||
|
const tail = list[list.length - 1];
|
||||||
|
const current = document.activeElement as HTMLElement | null;
|
||||||
|
if (e.shiftKey) {
|
||||||
|
if (current === head || !node.contains(current)) {
|
||||||
|
e.preventDefault();
|
||||||
|
tail.focus();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (current === tail) {
|
||||||
|
e.preventDefault();
|
||||||
|
head.focus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
document.addEventListener("keydown", handler);
|
||||||
|
return () => {
|
||||||
|
document.removeEventListener("keydown", handler);
|
||||||
|
previouslyFocused?.focus();
|
||||||
|
};
|
||||||
|
}, [active, containerRef]);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useBodyScrollLock(active: boolean) {
|
||||||
|
useEffect(() => {
|
||||||
|
if (!active) return;
|
||||||
|
const prev = document.body.style.overflow;
|
||||||
|
document.body.style.overflow = "hidden";
|
||||||
|
return () => {
|
||||||
|
document.body.style.overflow = prev;
|
||||||
|
};
|
||||||
|
}, [active]);
|
||||||
|
}
|
||||||
@@ -5,6 +5,11 @@ metadata:
|
|||||||
namespace: tasteby
|
namespace: tasteby
|
||||||
spec:
|
spec:
|
||||||
replicas: 1
|
replicas: 1
|
||||||
|
strategy:
|
||||||
|
type: RollingUpdate
|
||||||
|
rollingUpdate:
|
||||||
|
maxSurge: 25%
|
||||||
|
maxUnavailable: 25%
|
||||||
selector:
|
selector:
|
||||||
matchLabels:
|
matchLabels:
|
||||||
app: backend
|
app: backend
|
||||||
@@ -34,11 +39,11 @@ spec:
|
|||||||
readOnly: true
|
readOnly: true
|
||||||
resources:
|
resources:
|
||||||
requests:
|
requests:
|
||||||
cpu: 500m
|
cpu: 300m
|
||||||
memory: 768Mi
|
memory: 512Mi
|
||||||
limits:
|
limits:
|
||||||
cpu: "1"
|
cpu: 800m
|
||||||
memory: 1536Mi
|
memory: 1024Mi
|
||||||
readinessProbe:
|
readinessProbe:
|
||||||
tcpSocket:
|
tcpSocket:
|
||||||
port: 8000
|
port: 8000
|
||||||
|
|||||||
Reference in New Issue
Block a user