[fix] 로그아웃 실패 버그

[lepitaaar]

#️⃣연관된 이슈

#623

📝작업 내용

쿠키에 리프레시토큰이 존재할시에만 logout 요청을보냅니다

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

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

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

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

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

🫡 참고사항

Summary by CodeRabbit

• 신규 기능

  • SNS 링크 아이콘 클릭 시 이벤트 트래킹이 추가되었습니다.
  • 검색 시 카테고리가 자동으로 '전체'로 변경되고, 검색 상태를 명확히 표시합니다.
  • 동아리 상세 정보에 외부 지원서 URL을 지원합니다.

• 버그 수정

  • 로그아웃 시 refreshToken이 있을 때만 로그아웃 API를 호출하도록 개선되었습니다.

• 리팩터링

  • 동아리 지원 버튼이 내부적으로 모집 상태를 판단하도록 구조가 변경되었습니다.
  • 여러 컴포넌트에서 불필요한 props 전달이 제거되고, props 구조가 간소화되었습니다.

• 스타일

  • 입력 필드 및 텍스트 영역의 폭과 패딩이 더 유연하게 조정되었습니다.
  • 지원서 설명 영역의 배경색, 패딩, 라운드 처리가 개선되어 가독성이 향상되었습니다.

• 기타

  • 이벤트 트래킹 방식이 일부 버튼에서 더 명확하게 개선되었습니다.

[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.
• 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

Warning

Rate limit exceeded

@lepitaaar has exceeded the limit for the number of commits or files that can be reviewed per hour. Please wait 25 minutes and 16 seconds before requesting another review.

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

📥 Commits

Reviewing files that changed from the base of the PR and between 99f7032 and 7a93b33.

📒 Files selected for processing (16)

• frontend/src/components/common/CustomTextArea/CustomTextArea.styles.ts (1 hunks)
• frontend/src/components/common/InputField/InputField.styles.ts (2 hunks)
• frontend/src/components/common/SearchBox/SearchBox.tsx (4 hunks)
• frontend/src/context/SearchContext.tsx (3 hunks)
• frontend/src/pages/AdminPage/components/SideBar/SideBar.tsx (1 hunks)
• frontend/src/pages/AdminPage/tabs/RecruitEditTab/RecruitEditTab.tsx (1 hunks)
• frontend/src/pages/ApplicationFormPage/ApplicationFormPage.styles.ts (1 hunks)
• frontend/src/pages/ClubDetailPage/components/ClubApplyButton/ClubApplyButton.tsx (2 hunks)
• frontend/src/pages/ClubDetailPage/components/ClubDetailFooter/ClubDetailFooter.tsx (2 hunks)
• frontend/src/pages/ClubDetailPage/components/ClubDetailHeader/ClubDetailHeader.tsx (2 hunks)
• frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx (1 hunks)
• frontend/src/pages/ClubDetailPage/components/ShareButton/ShareButton.tsx (1 hunks)
• frontend/src/pages/ClubDetailPage/components/SnsLinkIcons/SnsLinkIcons.tsx (2 hunks)
• frontend/src/pages/MainPage/MainPage.tsx (1 hunks)
• frontend/src/pages/MainPage/components/CategoryButtonList/CategoryButtonList.tsx (2 hunks)
• frontend/src/types/club.ts (1 hunks)

Walkthrough

이 변경사항은 동아리 지원 버튼의 내부 로직 리팩토링, 검색 상태 관리 개선, 스타일 조정, Mixpanel 이벤트 트래킹 확장, 타입 정의 보강, 일부 컴포넌트의 props 구조 변경 등 프론트엔드 전반에 걸친 다양한 업데이트를 포함합니다. 주요 컨트롤 플로우와 상태 관리, UI 스타일, 이벤트 트래킹 방식이 변경되었습니다.

Changes

Cohort / File(s)	Change Summary
동아리 지원 버튼 리팩토링 frontend/src/pages/ClubDetailPage/components/ClubApplyButton/ClubApplyButton.tsx, frontend/src/pages/ClubDetailPage/components/ClubDetailFooter/ClubDetailFooter.tsx, frontend/src/pages/ClubDetailPage/components/ClubDetailHeader/ClubDetailHeader.tsx	ClubApplyButton에서 isRecruiting prop 제거, 내부적으로 모집 상태 판단 및 지원/외부 링크/알림 처리. Footer, Header에서 관련 prop 및 로직 제거.
검색 상태 및 카테고리 관리 개선 frontend/src/pages/MainPage/MainPage.tsx, frontend/src/pages/MainPage/components/CategoryButtonList/CategoryButtonList.tsx, frontend/src/components/common/SearchBox/SearchBox.tsx, frontend/src/context/SearchContext.tsx	isSearching 상태 추가 및 관리, 검색 시 카테고리 자동 초기화, 카테고리 버튼 클릭 시 검색 상태 해제, 관련 컨텍스트 및 훅 수정.
SNS 링크 아이콘 트래킹 및 prop 확장 frontend/src/pages/ClubDetailPage/components/SnsLinkIcons/SnsLinkIcons.tsx, frontend/src/pages/ClubDetailPage/components/InfoBox/InfoBox.tsx	SnsLinkIcons에 clubName prop 추가 및 SNS 아이콘 클릭 시 Mixpanel 이벤트 트래킹, InfoBox에서 clubName 전달.
Mixpanel 트래킹 방식 변경 frontend/src/pages/ClubDetailPage/components/ShareButton/ShareButton.tsx	공유 버튼 클릭 이벤트 트래킹 시 clubName을 별도 속성으로 전달하도록 변경.
동아리 상세 타입 및 지원폼 필드 확장 frontend/src/types/club.ts, frontend/src/pages/AdminPage/tabs/RecruitEditTab/RecruitEditTab.tsx	ClubDetail 타입에 externalApplicationUrl 속성 추가 및 RecruitEditTab에서 해당 필드 포함하도록 수정.
스타일 개선 frontend/src/components/common/CustomTextArea/CustomTextArea.styles.ts, frontend/src/components/common/InputField/InputField.styles.ts, frontend/src/pages/ApplicationFormPage/ApplicationFormPage.styles.ts	min-width → max-width, padding 및 배경색 등 UI 스타일 조정.
관리자 사이드바 로그아웃 로직 frontend/src/pages/AdminPage/components/SideBar/SideBar.tsx	refreshToken 쿠키가 있을 때만 logout API 호출하도록 조건 추가.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant ClubApplyButton
    participant useGetClubDetail
    participant getApplication
    participant Browser

    User->>ClubApplyButton: 버튼 클릭
    ClubApplyButton->>useGetClubDetail: 동아리 상세 정보 fetch
    useGetClubDetail-->>ClubApplyButton: clubDetail 반환
    ClubApplyButton->>ClubApplyButton: 모집 기간 내 여부 판단
    alt 모집 마감
        ClubApplyButton->>User: 모집 마감 알림
    else 모집 중
        ClubApplyButton->>getApplication: 기존 지원서 fetch
        alt 지원서 있음
            getApplication-->>ClubApplyButton: 지원서 반환
            ClubApplyButton->>Browser: 지원서 페이지로 이동
        else 지원서 없음
            getApplication-->>ClubApplyButton: 에러 반환
            alt 외부 지원 URL 존재
                ClubApplyButton->>Browser: 새 탭으로 외부 지원 URL 오픈
            else
                ClubApplyButton->>User: 지원 정보 확인 알림
            end
        end
    end

Loading

sequenceDiagram
    participant User
    participant SearchBox
    participant useCategory
    participant useSearch
    participant MainPage

    User->>SearchBox: 검색어 입력 후 검색
    SearchBox->>useCategory: setSelectedCategory('all')
    SearchBox->>useSearch: setIsSearching(true), setKeyword
    SearchBox-->>MainPage: 검색 상태 및 키워드 전달
    MainPage->>useGetCardList: searchCategory = 'all'로 카드 리스트 fetch

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~40 minutes

Possibly related PRs

• RecruitEditTab에서 외부 지원서 URL을 업데이트하는 로직 추가 #610: RecruitEditTab에서 externalApplicationUrl 필드 추가와 관련된 직접적인 변경이 포함되어 있습니다.
• [feature] sns링크버튼에 믹스패널 이벤트를 추가한다 #614: SnsLinkIcons 컴포넌트에 clubName prop 추가 및 Mixpanel 이벤트 트래킹 기능 확장과 직접적으로 연결됩니다.
• [fix] 지원서 미등록 시 alert 반복 버그 수정 및 외부 링크/지원서 분기 처리 #605: ClubApplyButton의 isRecruiting prop 제거 및 내부 지원 로직 리팩토링과 동일한 코드 영역을 다룹니다.

Suggested labels

🛠Fix

Suggested reviewers

• seongwon030
• Zepelown

✨ Finishing Touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/logout-failed

---

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

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Explain this complex logic.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai explain this code block.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and explain its main purpose.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
• @coderabbitai generate unit tests to generate unit tests for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
moadong	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 6, 2025 3:05pm