feat: carousel 내용 추가

[chominju02]

✅ Linked Issue

🔍 What I did

Before	After

💡 Why I did it

🧠 What I learned

🧪 How to test

🔧 Additional context

🚧 TODO (if any)

• [ ]

Summary by CodeRabbit

• New Features
  • Expanded the home page carousel with three additional slides featuring new imagery.
  • Each added slide includes an external link for further information.
  • Updated one existing slide’s destination to a specific blog post.
  • Users will see more carousel items and an updated link when interacting with the slides.
  • Carousel appearance and navigation remain consistent with the previous experience.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
mosu-client	Ready	Preview	Comment	Oct 1, 2025 0:20am

[coderabbitai]

Walkthrough

Adds three new carousel items and image imports to mosu-app/src/widgets/home/ReviewSection.tsx, updates one existing item’s href to a blog URL, and appends new items to the carouselItems array without changing component signatures or behavior.

Changes

Cohort / File(s)	Summary
Home Review Carousel mosu-app/src/widgets/home/ReviewSection.tsx	Imported carousel-4.png, carousel-5.jpeg, carousel-6.png; added three corresponding carousel items with external hrefs; updated the third item’s href to a specified blog URL; no public API changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• Feature#379 메인페이지 제휴사 캐러셀 이미지 변경 #380 — Also updates ReviewSection carousel items and image assets, indicating closely related carousel content changes.
• Fix#360 제휴처(매드스카이)이미지 변경 #361 — Adjusts ReviewSection image handling with a tall-image CSS variant and conditional class, related to carousel rendering.

Suggested labels

기능 구현, 도메인 : 공통

Suggested reviewers

• kimgho
• toothlessdev

Poem

New slides hop in, three at a time,
Images gleam—what a carousel rhyme!
A link now points to stories anew,
I twitch my ears and spin the view.
Hop, hop—reviews parade,
In tidy code, updates made. 🐇✨

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title Check	✅ Passed	The title “feat: carousel 내용 추가” succinctly and accurately captures the main purpose of the changeset, which introduces new carousel items and associated image assets. It is concise, clear, and focused on the core feature enhancement without extraneous details.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/carousel

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 9bfcf1e and 02259bd.

⛔ Files ignored due to path filters (4)

• mosu-app/src/widgets/home/assets/carousel-3.png is excluded by !**/*.png
• mosu-app/src/widgets/home/assets/carousel-4.png is excluded by !**/*.png
• mosu-app/src/widgets/home/assets/carousel-5.jpeg is excluded by !**/*.jpeg
• mosu-app/src/widgets/home/assets/carousel-6.png is excluded by !**/*.png

📒 Files selected for processing (1)

• mosu-app/src/widgets/home/ReviewSection.tsx (2 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: Run Unit & Integration Tests
• GitHub Check: Run DangerJS

🔇 Additional comments (4)

mosu-app/src/widgets/home/ReviewSection.tsx (4)

32-32: LGTM!

The href update to a Naver blog URL is a straightforward content change consistent with the PR's objective to add carousel content.

---

210-218: Consider whether new carousel images need special styling.

The carousel rendering logic applies special styling (carousel_item__image_tall) only to imgCarousel1. Verify that the three new carousel images (imgCarousel4, imgCarousel5, imgCarousel6) have aspect ratios compatible with the default styling, or add conditional styling if needed.

---

35-46: Partner carousel URLs verified and reachable All three external links (Yes24, Ditton, Prime Math) return HTTP 200 and are correctly configured.

---

7-9: Image assets exist. The imports for carousel-4.png, carousel-5.jpeg, and carousel-6.png reference existing files in mosu-app/src/widgets/home/assets.

---

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.}

[github-actions]

	Warnings
⚠️	PR 제목에 #이슈넘버가 포함되어 있지 않습니다. 이슈 번호를 포함해주세요.
⚠️	PR에 Reviewers가 지정되어 있지 않습니다. 리뷰어를 지정해주세요.
⚠️	PR에 라벨이 지정되어 있지 않습니다. 적절한 라벨을 추가해주세요.
⚠️	PR에 Assignees가 지정되어 있지 않습니다. 적절한 Assignee를 추가해주세요.
⚠️	브랜치 이름 'feat/carousel'이 컨벤션을 따르지 않습니다. # 형식으로 작성해주세요

	Messages
📖	✅ package.json에 변경사항이 없습니다.
📖	✅ TypeScript 컴파일이 성공적으로 완료되었습니다.
📖	✅ ESLint 검사 결과 문제가 없습니다.

📝 추가 및 변경된 파일

총 5개 파일 변경

└── 📂 mosu-app/
    └── 📂 src/
        └── 📂 widgets/
            └── 📂 home/
                ├── ⚛️ ReviewSection.tsx
                └── 📂 assets/
                    ├── 🖼️ carousel-3.png
                    ├── 🖼️ carousel-4.png
                    ├── 🖼️ carousel-5.jpeg
                    └── 🖼️ carousel-6.png

Generated by 🚫 dangerJS against 02259bd

[github-actions]

📚 Storybook이 Chromatic에 배포되었습니다!

• 🔗 Storybook Preview: https://www.chromatic.com/build?appId=68627ee20725077171386a15&number=237
• 🚀 Chromatic Build: https://www.chromatic.com/build?appId=68627ee20725077171386a15&number=237