[release] FE v1.1.20

[suhyun113]

#️⃣연관된 이슈

ex) #이슈번호, #이슈번호

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지/동영상 첨부 가능)

중점적으로 리뷰받고 싶은 부분(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

논의하고 싶은 부분(선택)

논의하고 싶은 부분이 있다면 작성해주세요.

🫡 참고사항

Summary by CodeRabbit

• 새로운 기능

  • 클럽 상세 페이지에 새로운 URL 경로 구조(/clubDetail, /webview/club 등) 도입 및 레거시 상세 보기 추가
  • 클럽 상세에서 탭 기반 전환 추가(소개, 사진) — URL 파라미터로 탭 상태 유지

• 버그 수정 / 개선

  • 애플리케이션 제출 및 오류 발생 시 이동 대상이 새 경로(/clubDetail/:clubId)로 업데이트됨
  • 클럽 카드 클릭 시 이동 경로가 새 경로로 변경됨
  • 공유 버튼은 모바일/태블릿에서 숨김 처리되어 UI가 더 깔끔해짐

_{✏️ 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)
moadong	Ready	Preview, Comment	Jan 25, 2026 2:11pm

[coderabbitai]

Warning

.coderabbit.yaml has a parsing error

The CodeRabbit configuration file in this repository has a parsing error and default settings were used instead. Please fix the error(s) in the configuration file. You can initialize chat with CodeRabbit to get help with the configuration file.

💥 Parsing errors (1)

Validation error: Invalid regex pattern for base branch. Received: "**" at "reviews.auto_review.base_branches[0]"

⚙️ Configuration instructions

• Please see the configuration documentation for more information.
• You can also validate your configuration using the online YAML validator.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Walkthrough

클럽 상세 페이지 라우팅을 재구성해 레거시 경로(/club/:clubId)를 LegacyClubDetailPage로 분리하고, 새로운 임시 경로(/clubDetail/:clubId)와 웹뷰 경로(/webview/club/:clubId)를 추가했으며, 관련 네비게이션 대상들을 업데이트했습니다.

Changes

코호트 / 파일(s)	변경 요약
라우팅 및 앱 구성 frontend/src/App.tsx	라우트 추가/수정: /club/:clubId → LegacyClubDetailPage, /clubDetail/:clubId → ClubDetailPage, /webview/club/:clubId → ClubDetailPage(웹뷰 전용). 레거시 처리 주석 추가
새 레거시 페이지 컴포넌트 frontend/src/pages/ClubDetailPage/LegacyClubDetailPage.tsx	새로운 레거시 클럽 상세 페이지 추가: 헤더/프로필/탭(소개/피드)/푸터 구성, Mixpanel 추적, URL 쿼리 기반 탭 상태, 로딩/에러 처리
네비게이션 대상 업데이트 frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx, frontend/src/pages/MainPage/components/ClubCard/ClubCard.tsx	네비게이션 경로를 /club/{clubId}에서 /clubDetail/{clubId}로 변경(오류 리다이렉션·성공 후 교체 네비게이션 등)
UI 동작 조건 변경 frontend/src/pages/ClubDetailPage/components/ClubApplyButton/ClubApplyButton.tsx	디바이스 감지 추가(useDevice)로 공유 버튼 노출 제어(모바일/태블릿에서는 숨김)

Sequence Diagram(s)

mermaid
sequenceDiagram
participant User as 사용자(브라우저)
participant App as App.tsx (라우터)
participant Legacy as LegacyClubDetailPage
participant NewPage as ClubDetailPage
participant NavSrc as Nav Components (ClubCard / ApplicationForm)
User->>App: 요청 /club/:clubId 또는 /clubDetail/:clubId 또는 /webview/club/:clubId
App-->>Legacy: 경로 /club/:clubId 매칭 → LegacyClubDetailPage 렌더
App-->>NewPage: 경로 /clubDetail/:clubId 또는 /webview/club/:clubId 매칭 → ClubDetailPage 렌더
NavSrc->>App: 네비게이트 /clubDetail/:id (클릭/폼 제출 후 리다이렉트)
App-->>NewPage: 해당 경로로 렌더

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related issues

• [feature] MOA-573 앱 버전 관리를 위해 웹뷰 라우터를 분리한다 #1113: /webview/club/:clubId 라우팅 추가로 웹뷰 라우터 분리 목적과 직접 연결됨

Possibly related PRs

• [feature] 앱 버전 관리를 위해 웹뷰 라우터를 분리한다 #1114: 동일 파일들(라우팅·LegacyClubDetailPage·네비게이션 변경)을 수정한 PR로 직접적인 코드 중복/충돌 가능
• [release] v1.0.9 #607: ClubApplyButton 및 클럽 상세 페이지 동작을 함께 수정하는 PR로 연관성 높음
• [fix] 지원서 미등록 시 alert 반복 버그 수정 및 외부 링크/지원서 분기 처리 #605: ClubApplyButton 변경(구성/동작)과 관련된 PR로 코드 레벨 연관성 있음

Suggested reviewers

• seongwon030

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	PR 제목이 변경사항의 주요 내용을 반영하지 못하고 있습니다. '[release] FE v1.1.20'은 버전 정보만 포함하며, 실제 구현된 주요 변경사항(레거시 페이지 분리, 라우팅 경로 변경, 웹뷰 지원)을 구체적으로 설명하지 않습니다.	PR 제목을 더 구체적으로 수정하여 주요 변경사항을 명확히 설명하시기 바랍니다. 예를 들어 '[release] FE v1.1.20: 레거시 클럽 상세 페이지 추가 및 라우팅 경로 개선'과 같이 변경사항의 핵심을 포함하는 것이 좋습니다.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
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

---

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