Skip to content

feat: 댓글 전체 공개 여부에 따른 블러처리 구현#321

Closed
dle234 wants to merge 2 commits intomainfrom
feat/admin-comment
Closed

feat: 댓글 전체 공개 여부에 따른 블러처리 구현#321
dle234 wants to merge 2 commits intomainfrom
feat/admin-comment

Conversation

@dle234
Copy link
Collaborator

@dle234 dle234 commented Feb 23, 2026

관련 이슈

작업 분류

  • 버그 수정
  • 신규 기능 추가
  • 프로젝트 구조 변경
  • 코드 스타일 변경
  • 기존 기능 개선
  • 문서 수정

PR을 통해 해결하려는 문제가 무엇인가요? 🚀

  • 댓글 전체 확인 가능 여부 api 연결
  • 댓글 전체 확인 가능 여부에 따라 blur 처리

체크리스트 ✅

  • reviewers 설정
  • assignees 설정
  • label 설정

@gemini-code-assist
Copy link

Summary of Changes

Hello @dle234, I'm Gemini Code Assist1! 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은 댓글의 전체 공개 여부에 따라 블러 처리 기능을 구현합니다. 새로운 API를 통해 댓글 전체 공개 상태를 확인하고, 이 상태에 따라 개별 댓글의 블러 처리 여부를 동적으로 제어하여 사용자 경험을 개선합니다.

Highlights

  • 댓글 전체 공개 여부 API 연동: 댓글 전체 공개 여부를 확인하는 새로운 API(getCommentDisclosure)를 추가하고 연동했습니다.
  • 댓글 컴포넌트 로직 개선: 댓글 컴포넌트에서 전체 공개 여부 상태를 가져와 개별 댓글 상세 컴포넌트로 전달하도록 수정했습니다.
  • 조건부 블러 처리 구현: 댓글 상세 컴포넌트에서 isCommentDisclosed 상태와 개별 댓글의 isBlurred 속성을 함께 사용하여 블러 처리 여부를 결정하도록 로직을 업데이트했습니다.

🧠 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/Comment.component.tsx
    • getCommentDisclosure API를 임포트했습니다.
    • useQuery 훅을 사용하여 댓글 전체 공개 여부(isCommentDisclosed)를 가져오도록 추가했습니다.
    • ApplicantCommentDetail 컴포넌트에 isCommentDisclosed prop을 전달하도록 수정했습니다.
  • frontend/components/applicant/applicantNode/comment/CommentDetail.component.tsx
    • isCommentDisclosed prop을 추가했습니다.
    • 댓글 블러 처리 로직을 !isCommentDisclosed && comment.isBlurred 조건으로 업데이트했습니다.
  • frontend/src/apis/comment/index.ts
    • 댓글 전체 공개 여부를 가져오는 getCommentDisclosure API 함수를 추가했습니다.
Activity
  • dle234님이 이 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.

Footnotes

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

@dle234 dle234 self-assigned this Feb 23, 2026
@dle234 dle234 added the feature 기능개발 label Feb 23, 2026
@dle234 dle234 requested a review from jskimcs February 23, 2026 05:23
Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

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

Code Review

댓글 전체 공개 여부에 따라 블러 처리를 적용하는 기능을 구현한 PR입니다. 전반적으로 의도에 맞게 잘 구현되었으나, 새로운 API 호출에 따른 로딩 상태 처리와 그에 따른 UX 개선(깜빡임 방지), 그리고 공개 상태일 때의 상호작용(좋아요 버튼) 로직에서 개선할 점이 보입니다.

Comment on lines +24 to +30
const { data: isCommentDisclosed } = useQuery(
["commentDisclosure"],
() => getCommentDisclosure(),
{
initialData: false,
}
);

Choose a reason for hiding this comment

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

medium

isCommentDisclosed를 가져오는 쿼리에 initialData: false가 설정되어 있어, API 응답이 오기 전까지는 항상 블러 처리된 상태로 렌더링됩니다. 이로 인해 실제로는 공개 상태임에도 불구하고 아주 짧은 시간 동안 블러 처리가 보였다가 사라지는 깜빡임 현상이 발생할 수 있습니다. 또한, 이 쿼리의 로딩 및 에러 상태가 하단의 if (!data || isLoading) 및 if (error) 블록에 포함되지 않아, 해당 API 호출이 지연되거나 실패했을 때의 처리가 누락되어 있습니다.

</button>
</div>
{comment.isBlurred ? (
{!isCommentDisclosed && comment.isBlurred ? (

Choose a reason for hiding this comment

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

medium

96번 라인에서 댓글의 블러 처리 조건에 isCommentDisclosed가 추가되었으나, 좋아요 버튼의 활성화 조건(88번 라인)에는 반영되지 않았습니다. 전체 공개 상태(isCommentDisclosed가 true)여서 댓글 내용이 보임에도 불구하고, 원본 데이터상 isBlurred가 true라면 좋아요를 누를 수 없는 불일치가 발생합니다. 버튼의 활성화 로직도 동일한 조건으로 수정이 필요합니다.

Copy link
Collaborator

@cho-in-sik cho-in-sik left a comment

Choose a reason for hiding this comment

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

요구 사항을 보니 해당 api는 회장단만이 사용할 수 있습니다.
해당 기능은 모두가 보는 커맨트와 결합시키는게 아닌 회장단이 사용하는 아래 api를 위한 조회 api 인 것 같습니다!

POST /api/v1/comments/disclosure

그래서 회장단이 현재 댓글 조회 상태를 조절할수있는 페이지가 따로 필요할 것 같습니다!
관리자페이지가 괜찮을 것 같은데 확인해보니 회장단 role은 현재 관리자페이지에 접근하지 못하네요

분기처리해서 회장단페이지를 새로 만드는식으로 해야할 것 같다는 생각이드네요..! 해당 부분은 같이 고민해보죠

제가 잘못파악한 부분이 있으면 말해주세요-!

@dle234 dle234 closed this Feb 23, 2026
@dle234 dle234 reopened this Feb 23, 2026
@dle234
Copy link
Collaborator Author

dle234 commented Feb 23, 2026

요구 사항을 보니 해당 api는 회장단만이 사용할 수 있습니다. 해당 기능은 모두가 보는 커맨트와 결합시키는게 아닌 회장단이 사용하는 아래 api를 위한 조회 api 인 것 같습니다!

제가 잘못 이해했네요ㅠㅠ 일단 이 PR은 close 하도록 하겠습니다! 회의 후에 추가하는게 좋을 것 같네요

@dle234 dle234 closed this Feb 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature 기능개발

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FE] feat: 관리자 댓글 전체 공개 구현

2 participants