# clipboard

웹 링크 SNS 공유하기
웹에서 현재 링크를 SNS에 공유하는 기능을 요청 받았다. 처음에 요청 받은 건 기본 링크 복사, 카카오톡 공유, 그리고 인스타그램 공유였는데, 인스타그램은 공유 기능을 web api로는 제공하지 않는 듯하여 일단은 트위터 공유로 수정하기로 하였다. 링크 복사 링크

Safari - Clipboard 이슈
썸네일 IE가 없어지더니 Safari가 문제다 🤬🤬🤬🤬 비동기로직을 통해 클립보드에 복사할 상황이 생겨 개발하던 도중 겪은 이슈이다. 비동기 객체를 복사하기 단순히 텍스트를 복사할 때는 Clipboard api를 사용하면 브라우저에 관계없이 쉽게 복사가 가

react 클립보드에 저장한 이미지를 텍스트로 변환하기 (tesseract.js)
https://github.com/naptha/tesseract.js수학 학원에서 아르바이트를 하는데 시험지를 보고 타자로 쳐 문서화하는 일이 주된 작업이다. 직접 치고 있는게 비효율적이라고 여겨 해당 서비스를 만들게되었다.클립보드에서 이미지를 추출하기 위해서
클립보드에 특정 텍스트 복사하기
"Ctrl + C" 단축키와 같은 기능 또는 블로그에 새로 추가한 "코드 복사" 기능을 웹 상에서 구현하기 위해서는 특정 텍스트를 클립보드에 추가시켜줘야 합니다.코드클립보드와 상호작용하는데 가장 많이 사용되는 document.execCommand() 방법을 사용하여 쉽
2023.01.24
window.navigator.share 를 사용하면된다.단 https 위에서만 동작한다.window.navigator.clipboard.writeText 를 사용하면된다.localhost를 제외하고 https 위에서만 동작한다.

[React] Clipboard API를 이용한 클립보드 복사 기능 구현하기
학교에서 Together 라는 프로젝트를 진행하던 중 초대 코드를 클립보드에 복사하여 공유할 수 있도록 하는 기능이 필요했다!평소 다른 서비스에서는 굉장히 많이 쓰는 기능 중 하나지만 직접 구현해보는건 처음이였다.다른 프로젝트에도 사용할 수 있기 때문에 Clipboar
[React] 문자열 클립보드 복사 기능 구현 ( copy to clipboard )
사이드 프로젝트를 진행하던 중, URL 복사하기 버튼을 만들어야 되는 상황이 생겼습니다. 요즘 대부분 서비스에서 사용성을 위해 버튼을 누르면 특정 텍스트가 클립보드로 복사 되는 기능을 지원합니다. 기능 구현을 위해 구글링을 하던 중 괜찮은 방법을 찾아서 글로 작성해봅니

크롬 익스텐션 컴포넌트끼리 통신하는 방법 - 개발기
매주 깃허브 이슈를 복사해서 일정한 형식으로 붙여넣는 노가다 작업을 하게 되었다. 이슈가 5개를 넘어갈 때 즈음.. 왜 이걸 내가 직접 하고 있지? 라는 생각이 들었다.

js Clipboard API 사용 하여 서식 유지 복사 만들기
대부분 복사 기능을 만들때 execCommand를 자주 사용 하였을 것이다.하지만 사용하다보면 아래와 같은 로그를 확인하게된다. 아래와 같이 사용은 가능 하지만 더 이상 사용은 권장 하지않는다는 내용이다. 이를 보완하기 위해 나온것이 Clipboard API로 대체하여
ClipBoard에 복사하기
전역 클립보드에 텍스트를 배치하고 검색하기 위한 클립보드 서비스에 대한 인터페이스이다.ClipboardManager API 자체는 매우 간단하다.현재 기본 클립보드 데이터를 가져오고 설정하는 메서드로 구성되어있다. ClipData해당 데이터는 응용 프로그램 간의 데이터

[Windows] WSL 2 vim clipboard 동기화
 WSL 2 의 vim 의 yank 내용을 Windows 의 clipboard 로 가져오려면 아래의 설정을 vim conf 파일 내에 기입한다: 출처 [사이트] https://hidekuma.github.io/vim/wsl/synchronize-system-

클립보드 복사하기를 만들어보자
초대 링크를 페이지에 그대로 노출하는 것 보다는 "링크 복사하기" 버튼을 만들어 클릭하면 클립보드에 복사될 수 있도록 하면 어떨까?

React에서 Clipboard API 사용하기 (이미지 복사하기)
Clipboard API를 사용하면 간단하게 blob 형태의 이미지 파일을 복사할 수 있다. https://developer.mozilla.org/ko/docs/Web/API/Clipboard여기서 write라는 메소드를 사용할 필요가 있었다. 그런데 일반 j

iOS 14 클립보드 접근 알림 대응하기
iOS 14부터는 앱에서 클립보드에 접근하면 알림을 통해 사용자에게 알려주는 기능이 추가되었습니다. (관련 트윗, 관련 링크)iOS 14 업데이트 이후 갑자기 앱에서 이와 같은 알림이 뜨기 시작했습니다. 클립보드에 접근할 일도, 그런 코드를 작성한 적도 없는데 말이죠.

JavaScript 클립보드 복사 구현하기
많은 사이트에서 버튼을 클릭하면 정해진 텍스트를 클립보드로 카피할 수 있는 기능을 사용하고 있습니다. copy-gif.gif 클립보드에 데이터를 복사하는 방법은 execCommand API 를 사용하거나 ClipboardAPI 를 사용하는 두 가지 방법이 있습니다. ClipboardAPI는 비교적 최신 스펙으로, 아직 지원되지 않는 브라우저가 많습니다...