# clipboard

18개의 포스트
post-thumbnail

웹 링크 SNS 공유하기

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

2023년 9월 16일
·
0개의 댓글
·
post-thumbnail

[Flutter] 클립보드(ClipBoard) 에 글 복사하기

Flutter 에서 클립보드를 활용해 글을 복사해보자.

2023년 9월 15일
·
0개의 댓글
·
post-thumbnail

Safari - Clipboard 이슈

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

2023년 8월 25일
·
0개의 댓글
·
post-thumbnail

react 클립보드에 저장한 이미지를 텍스트로 변환하기 (tesseract.js)

https://github.com/naptha/tesseract.js수학 학원에서 아르바이트를 하는데 시험지를 보고 타자로 쳐 문서화하는 일이 주된 작업이다. 직접 치고 있는게 비효율적이라고 여겨 해당 서비스를 만들게되었다.클립보드에서 이미지를 추출하기 위해서

2023년 5월 12일
·
0개의 댓글
·

클립보드에 특정 텍스트 복사하기

"Ctrl + C" 단축키와 같은 기능 또는 블로그에 새로 추가한 "코드 복사" 기능을 웹 상에서 구현하기 위해서는 특정 텍스트를 클립보드에 추가시켜줘야 합니다.코드클립보드와 상호작용하는데 가장 많이 사용되는 document.execCommand() 방법을 사용하여 쉽

2023년 3월 8일
·
0개의 댓글
·

2023.01.24

window.navigator.share 를 사용하면된다.단 https 위에서만 동작한다.window.navigator.clipboard.writeText 를 사용하면된다.localhost를 제외하고 https 위에서만 동작한다.

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

[React] Clipboard API를 이용한 클립보드 복사 기능 구현하기

학교에서 Together 라는 프로젝트를 진행하던 중 초대 코드를 클립보드에 복사하여 공유할 수 있도록 하는 기능이 필요했다!평소 다른 서비스에서는 굉장히 많이 쓰는 기능 중 하나지만 직접 구현해보는건 처음이였다.다른 프로젝트에도 사용할 수 있기 때문에 Clipboar

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

초대 링크 만들기 (1)

다른 사용자를 초대할 수 있는 초대하기 링크를 만들어 봅시다.

2022년 9월 19일
·
0개의 댓글
·

[React] 문자열 클립보드 복사 기능 구현 ( copy to clipboard )

사이드 프로젝트를 진행하던 중, URL 복사하기 버튼을 만들어야 되는 상황이 생겼습니다. 요즘 대부분 서비스에서 사용성을 위해 버튼을 누르면 특정 텍스트가 클립보드로 복사 되는 기능을 지원합니다. 기능 구현을 위해 구글링을 하던 중 괜찮은 방법을 찾아서 글로 작성해봅니

2022년 9월 6일
·
1개의 댓글
·
post-thumbnail

크롬 익스텐션 컴포넌트끼리 통신하는 방법 - 개발기

매주 깃허브 이슈를 복사해서 일정한 형식으로 붙여넣는 노가다 작업을 하게 되었다. 이슈가 5개를 넘어갈 때 즈음.. 왜 이걸 내가 직접 하고 있지? 라는 생각이 들었다.

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

js Clipboard API 사용 하여 서식 유지 복사 만들기

대부분 복사 기능을 만들때 execCommand를 자주 사용 하였을 것이다.하지만 사용하다보면 아래와 같은 로그를 확인하게된다. 아래와 같이 사용은 가능 하지만 더 이상 사용은 권장 하지않는다는 내용이다. 이를 보완하기 위해 나온것이 Clipboard API로 대체하여

2022년 7월 28일
·
0개의 댓글
·

[TIL] 220419

정규표현식, 클립보드 저장

2022년 4월 19일
·
0개의 댓글
·

ClipBoard에 복사하기

전역 클립보드에 텍스트를 배치하고 검색하기 위한 클립보드 서비스에 대한 인터페이스이다.ClipboardManager API 자체는 매우 간단하다.현재 기본 클립보드 데이터를 가져오고 설정하는 메서드로 구성되어있다. ClipData해당 데이터는 응용 프로그램 간의 데이터

2022년 3월 14일
·
0개의 댓글
·
post-thumbnail

[Windows] WSL 2 vim clipboard 동기화

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

2022년 2월 15일
·
0개의 댓글
·
post-thumbnail

클립보드 복사하기를 만들어보자

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

2021년 11월 14일
·
0개의 댓글
·
post-thumbnail

React에서 Clipboard API 사용하기 (이미지 복사하기)

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

2020년 12월 7일
·
0개의 댓글
·
post-thumbnail

iOS 14 클립보드 접근 알림 대응하기

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

2020년 10월 6일
·
0개의 댓글
·
post-thumbnail

JavaScript 클립보드 복사 구현하기

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

2019년 6월 16일
·
4개의 댓글
·