feat: 코멘트 블러처리 기능 추가 by cho-in-sik · Pull Request #315 · JNU-econovation/econo-recruit-fe

cho-in-sik · 2026-02-18T14:43:19Z

PR에서 핵심적으로 변경된 부분이 어떤 부분인가요? 👀

추가된 isBlurred 필드에 따라 조건부로 블러 UI 를 보여줍니다. (타입추가, UI 컴포넌트 생성)
isBlurred로 이모지 버튼의 disabled를 관리합니다.

체크리스트 ✅

reviewers 설정
assignees 설정
label 설정

gemini-code-assist · 2026-02-18T14:43:40Z

Summary of Changes

Hello @cho-in-sik, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 댓글에 블러 처리 기능을 추가하여 특정 조건에서 댓글 내용을 가릴 수 있도록 합니다. 이는 사용자에게 민감한 정보나 특정 권한이 필요한 댓글을 보호하는 데 사용될 수 있습니다. 새로운 UI 컴포넌트와 데이터 모델 변경을 통해 이 기능을 지원하며, 블러 처리된 댓글에 대한 사용자 상호작용(예: 좋아요)을 제한합니다.

Highlights

블러 처리된 댓글 컴포넌트 추가: 댓글 내용을 블러 처리하여 표시하는 BlurredComment 컴포넌트가 새로 추가되었습니다.
댓글 데이터에 블러 상태 필드 추가: 댓글 응답 인터페이스(CommentRes 및 ApplicantCommentReq)에 isBlurred 필드가 추가되어 댓글의 블러 처리 여부를 나타냅니다.
댓글 상세 UI 조건부 렌더링: CommentDetail 컴포넌트에서 isBlurred 값에 따라 일반 댓글 또는 블러 처리된 댓글 컴포넌트를 조건부로 렌더링하도록 변경되었습니다.
이모지 버튼 비활성화: 댓글이 블러 처리된 경우(isBlurred가 true인 경우) 이모지(좋아요) 버튼이 비활성화됩니다.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog

frontend/components/applicant/applicantNode/comment/BlurredComment.component.tsx
- 블러 처리된 댓글 내용을 표시하는 새로운 React 컴포넌트가 추가되었습니다.
frontend/components/applicant/applicantNode/comment/CommentDetail.component.tsx
- 새로운 BlurredComment 컴포넌트를 임포트했습니다.
- ApplicantCommentReq 인터페이스에 isBlurred 속성을 추가했습니다.
- isBlurred 값에 따라 댓글 내용을 BlurredComment 또는 기존 ApplicantCommentEditorOrViewer로 조건부 렌더링하도록 로직을 수정했습니다.
- 댓글이 블러 처리된 경우 좋아요 버튼을 비활성화하는 disabled 속성을 추가했습니다.
frontend/src/apis/comment/index.ts
- CommentRes 인터페이스에 isBlurred 필드를 추가하여 댓글 응답 데이터에 블러 상태를 포함하도록 했습니다.

Activity

제공된 컨텍스트에는 PR 생성 이후의 특정 활동(댓글, 리뷰 등)이 포함되어 있지 않습니다.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	`/gemini review`	Performs a code review for the current pull request in its current state.
Pull Request Summary	`/gemini summary`	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	`/gemini help`	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

gemini-code-assist

Code Review

코멘트 블러 처리 기능 추가를 위한 변경 사항들을 잘 확인했습니다. isBlurred 프로퍼티를 추가하고, 이에 따라 조건부 렌더링을 통해 블러 UI를 보여주는 로직이 명확하게 구현되었습니다. 몇 가지 코드 개선점을 제안 드립니다. BlurredComment 컴포넌트의 구조를 단순화하고, 중복되는 타입 정의를 제거하여 코드의 명확성과 유지보수성을 높일 수 있을 것 같습니다. 자세한 내용은 각 파일의 리뷰 코멘트를 참고해주세요.

gemini-code-assist · 2026-02-18T14:44:50Z

frontend/components/applicant/applicantNode/comment/BlurredComment.component.tsx

+    <div className="relative select-none">
+      <div className="blur-sm text-sm">자신의 댓글만 조회할 수 있습니다.</div>
+    </div>


불필요한 div 래퍼와 relative 클래스를 제거하여 코드를 단순화할 수 있습니다. 현재 코드에서는 relative 클래스가 아무런 역할을 하지 않으며, 두 개의 div를 하나로 합쳐도 동일한 시각적 결과를 얻으면서 코드를 더 간결하게 만들 수 있습니다.

<div className="select-none blur-sm text-sm">자신의 댓글만 조회할 수 있습니다.</div>

gemini-code-assist · 2026-02-18T14:44:50Z

frontend/components/applicant/applicantNode/comment/CommentDetail.component.tsx

  isLike: boolean;
  likeCount: number;
  canEdit: boolean;
+  isBlurred: boolean;


이 인터페이스는 API 응답 객체의 타입을 정의하는 것으로 보입니다. ApplicantCommentReq라는 이름은 요청(Request) 객체로 오해될 수 있습니다. API 응답을 나타내므로 ApplicantCommentRes와 같이 명확한 이름으로 변경하는 것을 고려해 보세요. 더 좋은 방법은 frontend/src/apis/comment/index.ts에 정의된 CommentRes 타입을 import하여 사용하는 것입니다. 두 타입의 내용이 동일하므로, 중복을 제거하고 코드의 일관성을 유지할 수 있습니다.

ApplicantCommentReq -> ApplicantCommentRes 로만 변경해주시면 좋을것같아요!

dle234

고생하셨습니다! gemini 리뷰 정말 잘하네요

dle234 · 2026-02-21T07:46:15Z

frontend/components/applicant/applicantNode/comment/CommentDetail.component.tsx

  isLike: boolean;
  likeCount: number;
  canEdit: boolean;
+  isBlurred: boolean;


ApplicantCommentReq -> ApplicantCommentRes 로만 변경해주시면 좋을것같아요!

jskimcs

수고하셨습니다! 잘 짜신 것 같아요

cho-in-sik added 3 commits February 18, 2026 23:16

feat: isBlurred 타입 추가 및 조건부 블러 UI 적용

f2a977f

feat: 블러코멘트 컴포넌트화

f3ed6e9

feat: 스마일 이모지 블러 상태에 따른 비활성화 처리

18f4ef5

cho-in-sik requested review from 2yunseong, dle234 and jskimcs February 18, 2026 14:43

cho-in-sik self-assigned this Feb 18, 2026

cho-in-sik requested review from BlackBean99 and loopy-lim as code owners February 18, 2026 14:43

cho-in-sik added the feature 기능개발 label Feb 18, 2026

cho-in-sik linked an issue Feb 18, 2026 that may be closed by this pull request

[FE] feat: 코멘트 블러 처리 기능 추가 #312

Closed

2 tasks

gemini-code-assist bot reviewed Feb 18, 2026

View reviewed changes

dle234 approved these changes Feb 21, 2026

View reviewed changes

cho-in-sik added 2 commits February 22, 2026 00:03

fix: 불필요 래퍼 div 제거

79c3f73

fix: 타입명 수정

006d4a9

jskimcs approved these changes Feb 21, 2026

View reviewed changes

dle234 merged commit 7910713 into main Feb 23, 2026
1 check passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 코멘트 블러처리 기능 추가#315

feat: 코멘트 블러처리 기능 추가#315
dle234 merged 5 commits intomainfrom
feat/312-comment-blur

cho-in-sik commented Feb 18, 2026

Uh oh!

gemini-code-assist bot commented Feb 18, 2026

Uh oh!

gemini-code-assist bot left a comment

Uh oh!

gemini-code-assist bot Feb 18, 2026

Uh oh!

gemini-code-assist bot Feb 18, 2026

Uh oh!

dle234 Feb 21, 2026

Uh oh!

dle234 left a comment

Uh oh!

dle234 Feb 21, 2026

Uh oh!

jskimcs left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

cho-in-sik commented Feb 18, 2026

관련 이슈

작업 분류

PR에서 핵심적으로 변경된 부분이 어떤 부분인가요? 👀

체크리스트 ✅

Uh oh!

gemini-code-assist bot commented Feb 18, 2026

Summary of Changes

Highlights

Footnotes

Uh oh!

gemini-code-assist bot left a comment

Choose a reason for hiding this comment

Code Review

Uh oh!

gemini-code-assist bot Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

gemini-code-assist bot Feb 18, 2026

Choose a reason for hiding this comment

Uh oh!

dle234 Feb 21, 2026

Choose a reason for hiding this comment

Uh oh!

dle234 left a comment

Choose a reason for hiding this comment

Uh oh!

dle234 Feb 21, 2026

Choose a reason for hiding this comment

Uh oh!

jskimcs left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants