Skip to content

Comments

[release] v1.0.8#595

Merged
oesnuj merged 13 commits intomainfrom
develop-fe
Jul 27, 2025
Merged

[release] v1.0.8#595
oesnuj merged 13 commits intomainfrom
develop-fe

Conversation

@oesnuj
Copy link
Member

@oesnuj oesnuj commented Jul 27, 2025

#️⃣연관된 이슈

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

📝작업 내용

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

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

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

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

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

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

🫡 참고사항

Summary by CodeRabbit

  • Style

    • 질문 제목의 글꼴 크기가 약간 커졌습니다.
    • 공유 버튼의 아이콘이 새로운 카카오톡 공유 이미지로 변경되었습니다.
  • New Features

    • 지원서 제출 성공 시, 동아리 이름이 포함된 맞춤형 축하 메시지가 표시됩니다.
    • 지원서 제출 후 자동으로 해당 동아리 상세 페이지로 이동합니다.
  • Bug Fixes

    • 지원서 제출 실패 시, 네트워크 상태 확인 및 재시도를 안내하는 경고 메시지로 개선되었습니다.

oesnuj and others added 9 commits July 27, 2025 14:07
- 지원서 제출 후 리다이렉트 시 replace: true 적용
- 뒤로가기 시 이전 페이지로 돌아가서 alert가 반복되는 문제 해결
- ClubApplyButton에서 navigate에 replace: true 추가
- 뒤로가기 시 지원모집 마감 alert 반복 노출 방지
…it-MOA-116

[feature] 지원서 제출 후 메시지 개선 및 리다이렉트 처리 추가
…nt-MOA-118

[fix] 질문 번호 글꼴 크기 조정으로 정렬 불일치 해결
@oesnuj oesnuj added 💻 FE Frontend 📈 release 릴리즈 배포 labels Jul 27, 2025
@vercel
Copy link

vercel bot commented Jul 27, 2025

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 Jul 27, 2025 2:47pm

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Jul 27, 2025

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
## Walkthrough

`QuestionTitleId`의 글꼴 크기가 증가했고, 지원서 제출 성공 및 실패 시 표시되는 알림 메시지가 개선되었습니다. 성공 시 클럽 이름이 포함된 맞춤 메시지와 함께 상세 페이지로 리디렉션되며, 실패 시 더 구체적인 안내가 제공됩니다. 또한, 공유 버튼의 아이콘이 SVG에서 카카오톡 PNG 이미지로 변경되었고, 모든 요청을 루트 경로로 리라이트하는 `vercel.json` 설정이 추가되었습니다.

## Changes

| 파일/경로                                                         | 변경 요약                                                         |
|-------------------------------------------------------------------|-------------------------------------------------------------------|
| frontend/src/components/application/QuestionTitle/QuestionTitle.styles.ts | `QuestionTitleId`의 글꼴 크기를 1.125rem에서 1.25rem으로 증가, 파일 끝에 개행 추가 |
| frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx     | 지원서 제출 성공/실패 시 알림 메시지 개선, 성공 시 상세 페이지로 이동 로직 추가      |
| frontend/src/pages/ClubDetailPage/components/ShareButton/ShareButton.tsx | 공유 버튼 아이콘 SVG에서 카카오톡 PNG 이미지로 교체, UI 및 로직 변경 없음             |
| frontend/vercel.json                                               | 모든 요청을 루트 경로로 리라이트하는 설정 추가                          |

## Sequence Diagram(s)

```mermaid
sequenceDiagram
    participant User
    participant ApplicationFormPage
    participant Alert
    participant Router

    User->>ApplicationFormPage: 지원서 제출
    ApplicationFormPage->>ApplicationFormPage: 제출 처리
    alt 성공
        ApplicationFormPage->>Alert: 클럽명 포함 성공 메시지 표시
        ApplicationFormPage->>Router: 클럽 상세 페이지로 이동 (replace)
    else 실패
        ApplicationFormPage->>Alert: 네트워크 확인 안내 포함 실패 메시지 표시
    end

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~7 minutes

Possibly related PRs

Suggested reviewers

  • lepitaaar
  • seongwon030

<!-- walkthrough_end -->


---

<details>
<summary>📜 Recent review details</summary>

**Configuration used: CodeRabbit UI**
**Review profile: CHILL**
**Plan: Pro**


<details>
<summary>📥 Commits</summary>

Reviewing files that changed from the base of the PR and between ecddc5353b071dc1ff73640d02f2170c5618b876 and 91a4ef2bdf0660bd7d16b97afd5dd5e6768c0f43.

</details>

<details>
<summary>📒 Files selected for processing (1)</summary>

* `frontend/vercel.json` (1 hunks)

</details>

<details>
<summary>✅ Files skipped from review due to trivial changes (1)</summary>

* frontend/vercel.json

</details>

</details>
<!-- internal state start -->


<!-- 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 -->

<!-- internal state end -->
<!-- finishing_touch_checkbox_start -->

<details>
<summary>✨ Finishing Touches</summary>

<details>
<summary>🧪 Generate unit tests</summary>

- [ ] <!-- {"checkboxId": "f47ac10b-58cc-4372-a567-0e02b2c3d479", "radioGroupId": "utg-output-choice-group-unknown_comment_id"} -->   Create PR with unit tests
- [ ] <!-- {"checkboxId": "07f1e7d6-8a8e-4e23-9900-8731c2c87f58", "radioGroupId": "utg-output-choice-group-unknown_comment_id"} -->   Post copyable unit tests in a comment
- [ ] <!-- {"checkboxId": "6ba7b810-9dad-11d1-80b4-00c04fd430c8", "radioGroupId": "utg-output-choice-group-unknown_comment_id"} -->   Commit unit tests in branch `develop-fe`

</details>

</details>

<!-- finishing_touch_checkbox_end -->
<!-- tips_start -->

---

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.

<details>
<summary>❤️ Share</summary>

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai)
- [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai)
- [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai)
- [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

</details>

<details>
<summary>🪧 Tips</summary>

### Chat

There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=Moadong/moadong&utm_content=595):

- 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.`
  -	`@coderabbitai modularize this function.`
- 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.`
  - `@coderabbitai help me debug CodeRabbit configuration file.`

### Support

Need help? Create a ticket on our [support page](https://www.coderabbit.ai/contact-us/support) for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

### 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](https://docs.coderabbit.ai/finishing-touches/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](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit.
- Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback.
- Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

</details>

<!-- tips_end -->

@netlify
Copy link

netlify bot commented Jul 27, 2025

Deploy Preview for moadong ready!

Name Link
🔨 Latest commit 91a4ef2
🔍 Latest deploy log https://app.netlify.com/projects/moadong/deploys/68863bc5d8f24d00083bdfbf
😎 Deploy Preview https://deploy-preview-595--moadong.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 36
Accessibility: 89
Best Practices: 92
SEO: 92
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between be34a7c and 8eac281.

📒 Files selected for processing (2)
  • frontend/src/components/application/QuestionTitle/QuestionTitle.styles.ts (2 hunks)
  • frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx (1 hunks)
🧰 Additional context used
📓 Path-based instructions (2)
frontend/**/*.{ts,tsx}

📄 CodeRabbit Inference Engine (frontend/.cursorrules)

frontend/**/*.{ts,tsx}: Replace magic numbers with named constants for clarity.
Replace complex or nested ternary operators with if/else statements or IIFEs for readability.
Assign complex boolean conditions to named variables.
Use consistent return types for similar functions and hooks.
Avoid hidden side effects; functions should only perform actions implied by their signature (Single Responsibility Principle).
Use unique, descriptive names for custom wrappers and functions to avoid ambiguity.
Define constants near related logic or ensure names link them clearly.

Files:

  • frontend/src/components/application/QuestionTitle/QuestionTitle.styles.ts
  • frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx
frontend/**/*.tsx

📄 CodeRabbit Inference Engine (frontend/.cursorrules)

frontend/**/*.tsx: Abstract complex logic/interactions into dedicated components or higher-order components (HOCs).
Separate significantly different conditional UI/logic into distinct components.
Colocate simple, localized logic or use inline definitions to reduce context switching.
Choose field-level or form-level cohesion based on form requirements.
Break down broad state management into smaller, focused hooks or contexts.
Use component composition instead of props drilling.

Files:

  • frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx
🧠 Learnings (3)
📓 Common learnings
Learnt from: seongwon030
PR: Moadong/moadong#195
File: frontend/src/pages/AdminPage/AdminPage.tsx:7-7
Timestamp: 2025-03-19T05:18:07.818Z
Learning: AdminPage.tsx에서 현재 하드코딩된 클럽 ID('67d2e3b9b15c136c6acbf20b')는 로그인 기능 구현 후 동적으로 가져오는 방식으로 수정될 예정입니다.
frontend/src/components/application/QuestionTitle/QuestionTitle.styles.ts (1)

Learnt from: CR
PR: Moadong/moadong#0
File: frontend/.cursorrules:0-0
Timestamp: 2025-07-19T05:09:10.702Z
Learning: Applies to frontend/**/*.{ts,tsx} : Replace magic numbers with named constants for clarity.

frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx (2)

Learnt from: seongwon030
PR: #195
File: frontend/src/pages/AdminPage/AdminPage.tsx:7-7
Timestamp: 2025-03-19T05:18:07.818Z
Learning: AdminPage.tsx에서 현재 하드코딩된 클럽 ID('67d2e3b9b15c136c6acbf20b')는 로그인 기능 구현 후 동적으로 가져오는 방식으로 수정될 예정입니다.

Learnt from: CR
PR: Moadong/moadong#0
File: frontend/.cursorrules:0-0
Timestamp: 2025-07-19T05:09:10.702Z
Learning: Applies to frontend/**/*.{ts,tsx} : Replace magic numbers with named constants for clarity.

🔇 Additional comments (2)
frontend/src/pages/ApplicationFormPage/ApplicationFormPage.tsx (2)

93-96: 성공적인 UX 개선사항입니다.

지원서 제출 성공 시 클럽 이름을 포함한 개인화된 메시지와 함께 클럽 상세 페이지로 리디렉션하는 로직이 잘 구현되었습니다. replace: true 옵션을 사용하여 사용자가 뒤로가기로 폼 페이지로 돌아가는 것을 방지한 점도 좋습니다.


98-100: 에러 메시지 개선이 잘 되었습니다.

실패 시 경고 이모지와 함께 구체적인 해결 방안을 제시하는 메시지로 개선되어 사용자 경험이 향상되었습니다.

export const QuestionTitleId = styled.p`
color: #ff5414;
font-size: 1.125rem;
font-size: 1.25rem;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

폰트 크기 매직 넘버를 상수로 추출하세요.

코딩 가이드라인에 따라 매직 넘버를 명명된 상수로 교체해야 합니다. 현재 파일에서 1.25rem, 1.05rem 등의 폰트 크기 값이 여러 곳에서 반복 사용되고 있습니다.

다음과 같이 상수를 정의하여 사용하는 것을 권장합니다:

+const FONT_SIZES = {
+  QUESTION_TITLE_DESKTOP: '1.25rem',
+  QUESTION_TITLE_MOBILE: '1.05rem',
+} as const;

 export const QuestionTitleId = styled.p`
   color: #ff5414;
-  font-size: 1.25rem;
+  font-size: ${FONT_SIZES.QUESTION_TITLE_DESKTOP};
   font-weight: 700;
   margin: 0;
   line-height: 1.5;
   ${media.mobile} {
-    font-size: 1.05rem;
+    font-size: ${FONT_SIZES.QUESTION_TITLE_MOBILE};
     line-height: 1.4;
   }
 `;
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
font-size: 1.25rem;
const FONT_SIZES = {
QUESTION_TITLE_DESKTOP: '1.25rem',
QUESTION_TITLE_MOBILE: '1.05rem',
} as const;
export const QuestionTitleId = styled.p`
color: #ff5414;
font-size: ${FONT_SIZES.QUESTION_TITLE_DESKTOP};
font-weight: 700;
margin: 0;
line-height: 1.5;
${media.mobile} {
font-size: ${FONT_SIZES.QUESTION_TITLE_MOBILE};
line-height: 1.4;
}
`;
🤖 Prompt for AI Agents
In frontend/src/components/application/QuestionTitle/QuestionTitle.styles.ts at
line 17, the font-size value 1.25rem is a magic number and should be replaced
with a named constant. Define a constant at the top of the file for this font
size (e.g., FONT_SIZE_LARGE = '1.25rem') and replace all occurrences of 1.25rem
and similar repeated font sizes like 1.05rem with their respective constants to
improve code readability and maintainability.

Copy link
Contributor

@lepitaaar lepitaaar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

…ton-image-MOA-120

[feature] 공유버튼을 카카오톡 이미지로 변경한다
Copy link
Member

@seongwon030 seongwon030 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@oesnuj oesnuj merged commit 5c80b50 into main Jul 27, 2025
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

💻 FE Frontend 📈 release 릴리즈 배포

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants