[Fix[ WTH-366 : 동일한 이미지를 2개 올렸을 때 리스트가 깨지는 현상

[nabbang6]

✅ PR 유형

어떤 변경 사항이 있었나요?

• 새로운 기능 추가
• 버그 수정
• 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

---

📌 관련 이슈번호

• Closed #366

---

✅ Key Changes

• flex + w-auto + object-fit 충돌로 인해 동일 이미지 2개 이상 시 width 깨지는 문제 수정

📸 스크린샷 or 실행영상

---

🎸 기타 사항 or 추가 코멘트

혹시 몰라서 브랜치를 따로 파긴 햇는데... 핫픽스 해도 됏을 것 같은....
일단 수정은 햇습니닷

[coderabbitai]

Warning

Rate limit exceeded

@nabbang6 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 3 minutes and 37 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 6326c41a-8894-4958-b92c-f018ff4e8bbe

📥 Commits

Reviewing files that changed from the base of the PR and between 0448ae5 and 932773b.

📒 Files selected for processing (3)

• src/components/board/ImageList/ImageCard.tsx
• src/components/board/ImageList/ImageList.tsx
• src/hooks/useNavigationGuard.ts

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch WTH-366-동일한-이미지를-2개-올렸을-때-리스트가-깨지는-현상

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Review rate limit: 0/1 reviews remaining, refill in 3 minutes and 37 seconds.}

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

🤖 Claude 테스트 제안

모델: claude-sonnet-4-6 | 토큰: 0 입력 / 0 출력

변경된 컴포넌트에 대해 Claude가 생성한 테스트 코드입니다. 검토 후 적합한 부분만 사용하세요.

src/components/board/ImageList/ImageCard.tsx

오류: Your credit balance is too low to access the Anthropic API. Please go to Plans & Billing to upgrade or purchase credits.

---

src/components/board/ImageList/ImageList.tsx

오류: Your credit balance is too low to access the Anthropic API. Please go to Plans & Billing to upgrade or purchase credits.

---

src/hooks/useNavigationGuard.ts

오류: Your credit balance is too low to access the Anthropic API. Please go to Plans & Billing to upgrade or purchase credits.

---

이 코멘트는 Claude API를 통해 자동 생성되었습니다. 반드시 검토 후 사용하세요.

[github-actions]

PR 테스트 결과

✅ Jest: 통과

🎉 모든 테스트를 통과했습니다!

[github-actions]

구현한 기능 Preview: https://weeth-3eg1871wu-weethsite-4975s-projects.vercel.app

[github-actions]

PR 검증 결과

✅ TypeScript: 통과
✅ ESLint: 통과
✅ Prettier: 통과
✅ Build: 통과

🎉 모든 검증을 통과했습니다!

[woneeeee]

와아아아 드디어 모든게 다 수정됏당