🐛 Fix: prop-types 제거하고 jsdoc 적용하기

[heoc0523]

🔗 이슈 번호

• [🐛 Bug] prop-types 제거하고 jsdoc 적용하기 #161

✨ 작업한 내용

관계 & 이모지 뱃지 컴포넌트 prop-types 제거하고 jsdoc 적용하기

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
frontend	Ready	Preview	Comment	Oct 13, 2025 3:52pm

[gemini-code-assist]

Summary of Changes

Hello @heoc0523, 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은 EmojiBadge 및 RelationshipBadge 컴포넌트의 코드 정리를 목표로 합니다. 기존에 사용하던 prop-types 라이브러리를 제거하고, 대신 JSDoc을 사용하여 컴포넌트의 props를 문서화함으로써 외부 의존성을 줄이고 코드 가독성을 향상시켰습니다. 이는 컴포넌트의 유지보수성을 높이고 개발자가 props의 사용법을 더 쉽게 이해할 수 있도록 돕습니다.

Highlights

• prop-types 제거: EmojiBadge 및 RelationshipBadge 컴포넌트에서 prop-types 라이브러리 의존성을 제거했습니다.
• JSDoc 적용: 두 뱃지 컴포넌트의 props에 대한 문서화를 위해 JSDoc 주석을 적용했습니다.

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

[gemini-code-assist]

Code Review

이번 PR은 prop-types를 제거하고 JSDoc을 적용하여 컴포넌트의 타입을 명시하는 좋은 변경입니다. 전반적으로 잘 작성되었으며, 몇 가지 사소한 스타일 개선 사항을 제안합니다. JSDoc에서 객체 타입을 표기할 때 Object 대신 object를 사용하고, 불필요한 파일명 주석을 제거하여 코드 가독성을 높일 수 있습니다.

[gemini-code-assist]

파일 최상단에 파일명을 주석으로 추가할 필요는 없습니다. 파일명이 이미 EmojiBadge.jsx이므로 이 주석은 불필요한 정보를 추가합니다. 기존의 컴포넌트 설명 주석만 남겨두는 것이 더 깔끔합니다.

Suggested change

	// EmojiBadge.jsx
	// 이모지 뱃지 컴포넌트
	// 이모지 뱃지 컴포넌트

[gemini-code-assist]

JSDoc에서 객체 타입을 명시할 때는 Object 대신 소문자 object를 사용하는 것이 일반적인 컨벤션입니다. 일관성을 위해 수정하는 것이 좋습니다.

Suggested change

	* @param {Object} props - 컴포넌트 props
	* @param {object} props - 컴포넌트 props

[gemini-code-assist]

JSDoc에서 객체 타입을 명시할 때는 Object 대신 소문자 object를 사용하는 것이 일반적인 컨벤션입니다. 일관성을 위해 수정하는 것이 좋습니다.

Suggested change

	* @param {Object} props - 컴포넌트 속성
	* @param {object} props - 컴포넌트 속성

[aahreum]

확인했습니다!

[github-actions]

🎉 구현한 기능 Preview: https://frontend-aflvpgo93-fe-19-seongihuns-projects.vercel.app