diff --git a/troubleshooting/251014_namuwiki_image_crawl_failure.md b/troubleshooting/251014_namuwiki_image_crawl_failure.md index 4e0a3cb..4cd3a4a 100644 --- a/troubleshooting/251014_namuwiki_image_crawl_failure.md +++ b/troubleshooting/251014_namuwiki_image_crawl_failure.md @@ -97,32 +97,25 @@ ls scripts/download_korean_pixabay.sh rm public/images/foods/{007,034,048,075,082,084,093}_*.jpg ``` -## 최종 해결 (2025-10-14 오후) +## 최종 해결 (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번째 이미지 (텍스트 오버레이 회피) -``` - -**교체 완료**: 김치찌개, 된장찌개 등 +**방법**: 만개의 레시피 크롤링 +- scripts/download_recipe_images.cjs:37: 10000recipe.com 검색 +- scripts/download_recipe_images.cjs:41-44: `.common_sp_thumb img` 셀렉터 +- scripts/download_recipe_images.cjs:53: 3번째 이미지 선택 (텍스트 오버레이 회피) +- 교체 완료: 김치찌개, 된장찌개 ### 색상 통일 -**문제**: `from-orange-400 to-pink-600` (로빙 브랜드와 불일치) -**해결**: `from-purple-600 to-pink-600` (브랜드 컬러 통일) +**문제**: orange-pink 조합 (로빙 브랜드 purple-pink와 불일치) +**해결**: purple-600→pink-600 통일 -**변경 파일**: `src/pages/LunchWorldcup.tsx` -- 배경 3곳: purple-pink 그라데이션 -- 버튼 4곳: gradient 버튼 통일 -- hover overlay: purple-500/20 +- src/pages/LunchWorldcup.tsx:177,213,252: 배경 그라데이션 +- src/pages/LunchWorldcup.tsx:189,195,201,235: 버튼 그라데이션 +- src/pages/LunchWorldcup.tsx:286,311: hover overlay purple-500/20 +- src/pages/LunchWorldcup.tsx:231: 우승자 텍스트 그라데이션 -**커밋**: `473eabd`, `cec8449` +**커밋**: 473eabd, cec8449 ## 참고 - **CLAUDE.md 원칙**: 추측 금지, 문서 100줄 이하, 코드 블록 최소화 ✅