[jaqwe2301]

📄 PR 내용 요약

• 팀룸 카카오 공유하기 기능 구현 및 관련 환경 변수 추가

✅ 작업 내용 상세

• 팀룸 상세 페이지에서 카카오 공유하기 기능을 구현했습니다.
• 카카오 디벨로퍼스에서 제공하는 JS KEY를 환경변수로 처리하였고. 배포환경에서 정상 반영되도록 Docker 및 GitHub Actions 설정도 함께 수정하였습니다.
• 기존 초대링크 생성 훅 (useCreateInviteLink)에서 복사 기능의 코드를 빼고 초대링크 토큰을 반환하도록 수정하였습니다. 복사 기능은 링크 복사 컴포넌트에 넣어두었습니다.

💬 참고 사항

• 공유하기 메세지 안에 들어가는 틀?을 수정할 수 있는데, 추후에 디자이너 분들과 상의해서 결정하면 좋을 듯합니다!
• 추가된 환경변수는 디코방에 올려놓겠습니다!

📝 체크리스트

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

[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은 팀룸 초대 링크를 카카오톡으로 공유할 수 있는 기능을 추가합니다. 이를 위해 카카오 JavaScript SDK를 통합하고, 필요한 환경 변수를 설정하며, 기존 초대 링크 생성 로직을 개선하여 공유 기능을 유연하게 확장할 수 있도록 하였습니다. 사용자들은 이제 팀룸 초대 링크를 더 쉽게 공유할 수 있게 됩니다.

Highlights

• 카카오 공유하기 기능 구현: 팀룸 상세 페이지에서 초대 링크를 카카오톡으로 공유할 수 있는 기능이 추가되었습니다.
• 환경 변수 추가: 카카오 공유 기능에 필요한 VITE_KAKAO_JAVASCRIPT_KEY 및 VITE_KAKAO_TEMPLATE_ID 환경 변수가 Dockerfile에 추가되어 배포 환경에서 관리됩니다.
• 초대 링크 생성 로직 개선: useCreateInviteLink 훅이 초대 링크 토큰만 반환하도록 리팩토링되어, 링크 복사 및 카카오 공유 로직과 분리되었습니다.
• 카카오 SDK 로더 컴포넌트 추가: 카카오 JavaScript SDK를 동적으로 로드하고 초기화하는 KakaoSdkLoader 컴포넌트가 새로 추가되었습니다.

Changelog

• Dockerfile
  • 카카오 JavaScript 키와 템플릿 ID를 위한 빌드 인자 및 환경 변수가 추가되었습니다.
• src/entities/teamroom/hooks/useTeamRoom.ts
  • copyText 유틸리티 임포트가 제거되었습니다.
  • useCreateInviteLink 훅이 초대 링크 토큰만 반환하도록 수정되었습니다.
• src/shared/lib/copy/copyText.ts
  • copyText 파일이 src/shared/lib/copy 디렉토리로 이동 및 이름이 변경되었습니다.
• src/shared/lib/kakao/KakaoSdkLoader.tsx
  • 카카오 JavaScript SDK를 로드하고 초기화하는 새로운 React 컴포넌트가 추가되었습니다.
• src/shared/ui/modal/TeamRoomCreatedModal.tsx
  • copyText 유틸리티의 임포트 경로가 업데이트되었습니다.
• src/vite-env.d.ts
  • Window 인터페이스에 카카오 SDK 관련 타입 정의가 추가되었습니다.
• src/widgets/teamroom/main/ui/AddMemberBottomSheet.tsx
  • 카카오 공유하기 버튼이 추가되고, KakaoSdkLoader가 통합되었습니다.
  • 초대 링크 복사 및 카카오 공유 로직이 mutateAsync를 사용하여 구현되었습니다.
  • 카카오 링크 아이콘과 KAKAO_TEMPLATE_ID 환경 변수가 추가되었습니다.

Ignored Files

• Ignored by pattern: .github/workflows/** (1)
  • .github/workflows/deploy.yml

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을 검토했습니다. 전반적으로 좋은 변경이지만, 몇 가지 개선점을 발견하여 코멘트를 남깁니다. Kakao SDK 로더에서 환경 변수가 누락될 경우에 대한 방어 로직이 필요하며, 불필요한 isInitialized() 호출을 제거하여 코드를 명확하게 유지할 수 있습니다. 또한, 초대 링크 생성 API가 중복 호출될 수 있는 문제가 있어 리팩토링이 필요해 보이며, 일부 비동기 함수에 오류 처리가 누락되어 있습니다. 자세한 내용은 각 파일의 코멘트를 확인해주세요.

[junye0l]

고생하셨습니다 민혁님 👊

코멘트 답변 부탁드려용

[junye0l]

코멘트들 리절브 해주시고 머지 해주세욥 ~!

[jaqwe2301]

코멘트들 리절브 해주시고 머지 해주세욥 ~!

승인도 부탁드림니다,, ㅎ,ㅎ