diff --git a/troubleshooting/251014_namuwiki_image_crawl_failure.md b/troubleshooting/251014_namuwiki_image_crawl_failure.md index 6380e55..4e0a3cb 100644 --- a/troubleshooting/251014_namuwiki_image_crawl_failure.md +++ b/troubleshooting/251014_namuwiki_image_crawl_failure.md @@ -97,7 +97,33 @@ ls scripts/download_korean_pixabay.sh rm public/images/foods/{007,034,048,075,082,084,093}_*.jpg ``` +## 최종 해결 (2025-10-14 오후) + +### 이미지 교체 +**방법**: 만개의 레시피(10000recipe.com) 크롤링 +```javascript +// scripts/download_recipe_images.cjs +await page.goto(`https://www.10000recipe.com/recipe/list.html?q=${encodeURIComponent(food.name)}`); +const imgUrls = await page.evaluate(() => { + const imgs = document.querySelectorAll('.common_sp_thumb img'); + return Array.from(imgs).slice(0, 3).map(img => img.src); +}); +const imgUrl = imgUrls[2] || imgUrls[1] || imgUrls[0]; // 3번째 이미지 (텍스트 오버레이 회피) +``` + +**교체 완료**: 김치찌개, 된장찌개 등 + +### 색상 통일 +**문제**: `from-orange-400 to-pink-600` (로빙 브랜드와 불일치) +**해결**: `from-purple-600 to-pink-600` (브랜드 컬러 통일) + +**변경 파일**: `src/pages/LunchWorldcup.tsx` +- 배경 3곳: purple-pink 그라데이션 +- 버튼 4곳: gradient 버튼 통일 +- hover overlay: purple-500/20 + +**커밋**: `473eabd`, `cec8449` + ## 참고 - **CLAUDE.md 원칙**: 추측 금지, 문서 100줄 이하, 코드 블록 최소화 ✅ - **트러블슈팅 형식**: `yymmdd_주제.md`, 시간순, 교훈 필수 ✅ -- **다음 작업**: frontend-customer/scripts/download_korean_pixabay.sh 실행