[infra/cloudinary-108] ✨ feat: Cloudinary 원격 이미지 도메인 허용 설정 추가

[swallowedB]

요약

• 변경 목적(왜?):
  • Cloudinary CDN 경로의 원격 이미지를 next/image로 최적화하여 사용할 수 있도록 허용하기 위함
• 주요 변경(무엇을?):
  • next.config.ts에 images.remotePatterns 항목 추가

변경 내용

• UI/컴포넌트
• 로직/유틸
• 문서/설정 (next.config.ts)

상세

• res.cloudinary.com 호스트의 HTTPS 이미지 요청을 허용하도록 설정 추가
• 이후 MDX frontmatter 혹은 본문에서 Cloudinary CDN URL 사용 시 이미지 로딩 최적화 + 리사이즈 지원

스크린샷/동영상 (선택)

테스트

• 유닛 테스트 추가/수정됨
• 로컬에서 pnpm build/pnpm dev 정상 동작 확인
• 타입체크/린트 통과 (pnpm typecheck, pnpm lint)

관련 이슈

close #108

Summary by CodeRabbit

• 기타
  • Cloudinary의 원격 이미지 지원을 위한 이미지 최적화 설정 추가

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
b0o0a	Ready	Preview, Comment	Jan 16, 2026 10:49am

[coderabbitai]

📝 Walkthrough

Walkthrough

next.config.ts에 Cloudinary의 원격 이미지 패턴 설정이 추가되었습니다. images.remotePatterns에 HTTPS 프로토콜과 res.cloudinary.com 호스트명을 정의하여 Next.js의 이미지 최적화 기능이 해당 도메인의 이미지를 처리할 수 있도록 설정했습니다.

Changes

파일	변경 내용
next.config.ts	images.remotePatterns 배열에 Cloudinary 원격 패턴 추가 (protocol: "https", hostname: "res.cloudinary.com")

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3분

Poem

🎨 클라우디너리 구름에서 온 이미지들
패턴이 열려 원격의 이미지 환영하고
Next.js는 최적화의 마법을 펼친다✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	PR 제목이 주요 변경사항인 Cloudinary 원격 이미지 도메인 설정 추가를 명확히 나타내고 있습니다.
Description check	✅ Passed	PR 설명이 템플릿의 필수 섹션을 모두 충족하고 있으며, 변경 목적, 주요 변경, 관련 이슈가 구체적으로 기재되어 있습니다.
Linked Issues check	✅ Passed	PR의 코드 변경사항이 #108의 Cloudinary 설정 요구사항을 충족하며, 빌드 성공 확인도 완료되었습니다.
Out of Scope Changes check	✅ Passed	모든 변경사항이 #108의 Cloudinary 설정 범위 내에 있으며, 불필요한 외부 변경은 없습니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between a9e8e25 and c2563cd.

📒 Files selected for processing (1)

• next.config.ts

🔇 Additional comments (1)

next.config.ts (1)

15-22: Cloudinary 원격 이미지 허용 설정은 문제 없어 보입니다.
res.cloudinary.com HTTPS 허용으로 next/image 최적화에 필요한 최소 설정이 잘 반영되었습니다.

_{✏️ Tip: You can disable this entire section by setting review_details to false in your review settings.}

---

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

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