선돌이의 코딩하우스

웹 페이지를 이용하다보면 코드/링크 등이 복사되는 버튼을 본 적이 있을 것이다! 리액트로 이를 구현하기엔 정말 간단하다. 바로 Clipboard API를 이용하면 된다. 별도의 라이브러리 추가할 필요 없이 이용 가능하다. navigator.clipboard.writeText('복사할 내용') 다음과 같이 이용하면 된다. 위 메소드는 Promise를 반환하는 비동기 메소드이기 때문에 await, then이랑 같이 사용하면 된다는 점!! 다음 코드의 문제점 useEffect( async ()=>{ await navigator.clipboard.writeText('hi'); alert('Copied!'); },[]); 이 코드를 실행시키면 동기적으로 잘 작동하지만 콘솔창에 에러가 하나 뜰 것이다. DOMexc..