[jaqwe2301]

✅ 작업 내용 상세

카카오톡으로 공유된 팀룸 초대 링크가 올바르지 않은 주소로 전달되는 문제가 발생했습니다.
정확한 원인 파악이 되지 않았지만, 좀 더 다른 방식으로 문제를 해결할 수 있었습니다.

기존 방식은 카카오 디벨로퍼스에서 미리 생성한 템플릿을 불러와 사용하는 구조로,
템플릿을 저장하고 관리하기에는 편리했지만 메시지에 포함되는 텍스트를 동적으로 제어하기 어렵다는 한계가 있었습니다.

이에 따라, 공유 메시지를 코드 상에서 직접 생성하는 방식으로 변경하여 초대 링크를 포함한 메시지 내용을 동적으로 제어하여 생성할 수 있도록 개선하였습니다.
이 변경을 통해 잘못된 링크가 공유되는 문제를 해결할 수 있었으며, 추후 팀룸명을 공유 메시지에 노출하는 등 확장성에도 이점이 있다고 판단합니다.

💬 참고 사항

• 메시지 형식을 만드는 데 필요한 속성값은 아래 카카오 디벨로퍼스 레퍼런스를 참고하여 적용하였습니다!
  카카오 디벨로퍼스 Share 레퍼런스

📝 체크리스트

• 기능이 정상 동작하는지 확인
• 로컬 빌드/테스트 통과
• 불필요한 코드/주석 제거

[gemini-code-assist]

Summary of Changes

Hello @jaqwe2301, 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은 카카오톡을 통해 팀룸 초대 링크를 공유할 때 발생하던 잘못된 주소 전달 문제를 해결합니다. 기존에는 카카오 디벨로퍼스에 미리 정의된 템플릿을 사용했지만, 이제는 코드 내에서 직접 공유 메시지 내용을 구성하여 동적으로 제어할 수 있도록 변경되었습니다. 이를 통해 링크 오류를 수정하고, 향후 공유 메시지의 유연한 확장을 위한 기반을 마련했습니다.

Highlights

• 카카오 공유 방식 변경: 팀룸 초대 링크 공유 시 카카오 디벨로퍼스 템플릿 사용 방식에서 코드 내 직접 메시지 생성 방식으로 전환되었습니다.
• 잘못된 링크 문제 해결: 기존 방식에서 발생하던 카카오톡 공유 링크 오류 문제를 해결했습니다.
• 메시지 동적 제어 개선: 초대 메시지 내용을 동적으로 제어할 수 있게 되어, 향후 팀룸명 노출 등 확장성이 확보되었습니다.

Changelog

• Dockerfile
  • VITE_KAKAO_TEMPLATE_ID 빌드 인자 및 환경 변수가 제거되었습니다.
• src/vite-env.d.ts
  • window.Kakao.Share 객체의 타입 정의가 sendScrap에서 sendDefault로 업데이트되었으며, feed 타입 객체의 상세 속성들이 추가되었습니다.
• src/widgets/teamroom/main/ui/AddMemberBottomSheet.tsx
  • KAKAO_TEMPLATE_ID 상수가 제거되었습니다.
  • BASE_URL이 임포트되었습니다.
  • 카카오 공유 로직이 sendScrap에서 sendDefault로 변경되었고, 초대 메시지의 제목, 설명, 이미지, 링크, 프로필 정보, 버튼 제목 등이 코드 내에서 직접 정의되도록 수정되었습니다.

Activity

• 기능이 정상 동작하는지 확인되었습니다.
• 로컬 빌드 및 테스트를 통과했습니다.
• 불필요한 코드와 주석이 제거되었습니다.

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은 카카오톡 공유 메시지 생성 방식을 기존 템플릿 사용에서 코드 내에서 직접 생성하는 방식으로 변경하여, 초대 링크가 잘못 전달되는 문제를 해결하고 향후 확장성을 개선하는 내용을 담고 있습니다. Dockerfile, vite-env.d.ts, AddMemberBottomSheet.tsx 파일의 변경 사항을 통해 이를 구현했습니다.

전반적으로 좋은 변경이라고 생각합니다. AddMemberBottomSheet.tsx에서 카카오 공유 메시지에 사용되는 문자열들을 상수로 추출하여 코드의 유지보수성을 높이는 제안은 코드의 가독성과 유지보수성을 향상시키기 위한 우리의 지침과 일치합니다.

[junye0l]

조금 더 간단해진것 같네요!

고생하셨습니다! 👍