docs: 점심 월드컵 이미지 교체 및 색상 통일 해결 내용 추가
- 만개의 레시피 크롤링 방법 추가 - purple-pink 브랜드 컬러 통일 내역 기록 - 커밋 해시 참조 추가 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
400243cd4a
commit
2d7c31216f
@ -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 실행
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user