[FIX#332] QA

[grapefruit13]

📝 작업 내용

🎯 관련 이슈

Closes #332

가로모드 전환시

Summary by CodeRabbit

새로운 기능

• 모바일 기기에서 가로 방향을 감지할 때 세로 모드 사용을 권장하는 안내 오버레이 추가

스타일 변경

• 프로그램 썸네일 레이아웃 비율을 정사각형에서 4:5 비율로 조정
• 댓글 작성 및 답글 제출 버튼의 색상 스타일 업데이트

_{✏️ 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)
youthit	Ready	Preview, Comment	Jan 29, 2026 1:54pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

프로그램 상세 페이지의 썸네일 비율을 정사각형에서 4:5로 변경했고, 사용자가 가로모드로 전환하는 것을 방지하는 LandscapeBlocker 컴포넌트를 새로 추가해서 레이아웃에 통합했다. 추가로 댓글 편집 버튼의 스타일 색상을 조정했다.

Changes

Cohort / File(s)	Summary
레이아웃 및 방향성 제어 fe/src/components/shared/layouts/landscape-blocker.tsx, fe/src/app/layout.tsx, fe/src/app/(main)/programs/[id]/page.tsx	새로운 LandscapeBlocker 컴포넌트 추가로 가로모드 감지 및 방지 기능 구현. 컴포넌트는 Screen Orientation API를 통해 portrait 모드 잠금을 시도하며, 이벤트 리스너로 방향 변경을 추적. 레이아웃에 통합되어 앱 전역에서 가로모드 차단. 프로그램 상세 페이지의 썸네일 비율을 aspect-square에서 aspect-4/5로 변경.
UI 스타일 조정 fe/src/components/community/CommentItem.tsx	댓글 편집 및 회신 영역의 활성 버튼 색상을 bg-main-600에서 bg-main-500으로 변경 (hover 상태도 함께 조정).

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Suggested labels

FE

✨ Finishing touches

• 📝 Generate docstrings

---

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]

🔨 빌드 상태: 성공! ✅

프론트엔드 빌드가 성공적으로 완료되었습니다! 🎉

✅ 체크 완료

• 🔨 Frontend Build: 성공

📊 상세 정보

• Commit: 5a41408
• Branch: FIX#332
• 빌드 완료 시간: 2026. 1. 29. 오후 10:55:05

🚀 빌드에 문제가 없습니다. 머지 가능합니다!