docs: 점심 월드컵 이미지 교체 및 색상 통일 해결 내용 추가

- 만개의 레시피 크롤링 방법 추가
- purple-pink 브랜드 컬러 통일 내역 기록
- 커밋 해시 참조 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
happybell80 2025-10-14 15:05:27 +09:00
parent 400243cd4a
commit 2d7c31216f

View File

@ -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 실행