[Next.js] 링크 복사 기능을 만들어보자

사실 Next.js 에만 해당되는 기능이 아니고 자바스크립트에서도 사용하면

되는 기능인데 필자는 타입스크립트에서 구현한 기능이라 같이 쓰겠다.

​

구글링을 해보니 UseRef() 도 있고 여러가지 있지만 가장

소스코드를 적게 입력하고 쉬운 방법이 있다.

​

1. JS

  const url_text = 'www.naver.com';
  const copyTextUrl = () => {
        navigator.clipboard.writeText(url_text).then(() => {
            alert("링크를 복사했습니다.");
        });
    }

2. HTML

 <button onClick={(e:any) => copyTextUrl()}>

 

​

끝. 간단하다.

​