[Next.js][프로젝트] 💚Color Inside (3) - 공유 기능 구현

카카오톡 공유 기능 구현

  const shareOnKakao = (): void => {
    if (window.Kakao) {
      window.Kakao.Link.sendDefault({
        objectType: 'feed',
        content: {
          title: 'Color Inside 오늘 당신의 감정의 색은?',
          description: `#오늘_나는_${emotion}`,
          imageUrl: 'IMAGE_URL',
          link: {
            mobileWebUrl: window.location.href,
            webUrl: window.location.href
          }
        },
        buttons: [
          {
            title: '감정 테스트하러 가기',
            link: {
              mobileWebUrl: window.location.href,
              webUrl: window.location.href
            }
          }
        ]
      });
    }
  };

링크 공유 구현

 const shareOnLink = async (): Promise<void> => {
    const url = window.location.href;
    await navigator.clipboard.writeText(url);
    alert('링크가 복사되었습니다.');
  };