[React/JS] 페이지 URL 복사하기 - 텍스트 복사 Clipboard API

기존에 텍스트 복사를 구현하려면 document.execCommand("copy") 을 이용했습니다.

 

그러나 execCommand() 는 더 이상 쓰지 않으며

훨씬 쉽고 강력한 Clipboard API 가 나왔습니다.

 

window.navigator.clipboard.writeText() 를 사용하면, 텍스트를 클립보드에 복사해둘 수 있습니다. ✨✨

 

아래는 이를 이용하여 현재 페이지 URL을 복사하는 코드입니다.

  function handleUrlShare() {
    const currUrl = window.location.href; // 현재 url
    navigator.clipboard.writeText(currUrl).then(() => {
      alert("링크를 복사하였습니다.");
    });
  }