popclip 사용법과 익스텐션 만들기 작성법

맥에서 많이 사용되는 프로그램중에 하나인 Popclip 입니다. 마우스나 트랙패드 드래그 활성화된 후에 여러 명령을 실행할 수 있는 유용한 프로그램입니다.

https://www.popclip.app/

어떤 앱에서든 텍스트를 선택하면 PopClip이 나타나 유용한 작업에 즉시 액세스할 수 있습니다.

popclip 홈페이지 소개글

가격은 2024년 기준 17usd 입니다.

너무 직관적이라 별로 설명할게 없습니다.

설치 진행하시고 메뉴바에 활성화 되어있는걸 클릭하시면 설정창이 나옵니다. 아래와 같이 둘 다 체크하여 줍니다.

단축키 설정해서 사용도 가능합니다.

단축키 설정 후 키보드 방향키로 선택해서 사용이 가능합니다

아래 익스텐션 항목입니다.

+버튼을 누르게 되면 아래 익스텐션 사이트가 열리며 각종 익스텐션을 다운받아 설치하실 수가 있습니다.

https://www.popclip.app/extensions/

그리고 연필모양의 아이콘을 클릭하게 되면 삭제와 순서변경이 가능합니다.

익스텐션 홈페이지에는 없는 우리나라말 맞춤법 검사기 입니다. 맞춤법과 띄어쓰기 체크해줍니다.

https://github.com/miname/Korean-Spelling-Checker-Workflow/blob/master/README.md

그리고 홈페이지에 있는 번역 Deepl 과 연동되는 익스텐션도 꼭 사용하시길 바랍니다.

Deepl 사이트에서 프로그램과 같이 사용하시는거 추천드립니다.

https://www.popclip.app/extensions/x/16ouC

설치하게 되면 Deepl 앱 또는 URL 열기 선택가능하고 번역할 언어도 선택이 가능합니다.

https://www.popclip.app/dev/

위 사이트를 참고하여 자기에게 필요한 익스텐션을 제작할 수도 있습니다.

아래와 같은 형식으로 적으시면 되는데 아이콘은 https://www.popclip.app/dev/icons 에서 검색 후 복사후 붙여넣기 하면 됩니다.

# popclip
name: 네이버검색    <- 팝클립에 나타날 이름입니다.
icon: iconify: <- https://www.popclip.app/dev/icons 사이트에서 검색 후 아이콘 명을 붙여넣기하면 됨
url: https://search.shopping.naver.com/search/all?query=***

네이버 쇼핑검색이란걸로 만들어보면 아래와 같이 만들 수 있습니다.

# popclip
name: 네이버쇼핑
icon: iconify:mdi:shopping
url: https://search.shopping.naver.com/search/all?query=***

그리고 아래와 같이 드래그 하시면 설치가 가능해집니다.

가령 네이버 검색(쇼핑,맵,사전)하려는걸 만드시려면 아래 텍스트 편집기로 작성 후 마우스나 트랙패드로 드래그 하시면 설치가 가능합니다.

# popclip 
name: 네이버 검색 및 서비스
icon: N
actions:
  - title: 네이버맵
    icon: iconify:solar:map-point-search-bold
    javascript: |
      const selectedText = encodeURIComponent(popclip.input.text);
      const url = "https://map.naver.com/p/search/" + selectedText;
      popclip.openUrl(url);
    after: open-url
  - title: 네이버쇼핑
    icon: iconify:mdi:shopping
    javascript: |
      const selectedText = encodeURIComponent(popclip.input.text);
      const url = "https://search.shopping.naver.com/search/all?query=" + selectedText;
      popclip.openUrl(url);
    after: open-url
  - title: 네이버사전
    icon: iconify:streamline:dictionary-language-book-solid
    javascript: |
      const selectedText = encodeURIComponent(popclip.input.text);
      const url = "https://en.dict.naver.com/#/search?query=" + selectedText + "&range=all";
      popclip.openUrl(url);
    after: open-url

그리고 텍스트를 드래그하면 네이버쇼핑, 네이버맵, 네이버 사전 검색이 활성화 되게됩니다.

이렇게 사용하셔도 되지만

popclip 옵션이 많아져 전 아래 익스텐션 연결을 BTT와 연결해 사용중입니다.

다른 프로그램의 deeplink(url scheme)를 통해 활용하실 수가 있습니다.

brew 검색이 자주 있는 편입니다. 검색페이지에서 검색을 해야하고 검색 url도 cask와 formula 나눠져 있기때문에 snippet 만들기가 어렵습니다.

그래서 raycast brew search 익스텐션을 통해 검색을 연결합니다.

아래 링크에 익스텐션 deeplink를 얻는 방법이 있습니다.

https://manual.raycast.com/deeplinks

homebrew search 익스텐션이 설치된 상태에서 deeplink를 얻고 아래와 같이 작성하고 설치하면

#!/bin/zsh
# #popclip
# name: brew 검색
# icon: iconify:devicon:homebrew-wordmark

open "raycast://extensions/nhojb/brew/search/?fallbackText=${POPCLIP_TEXT}"

아래와 같이 작동합니다. (아래 webm 포맷으로 ios 사파리상에선 재생이 안될 수 있습니다.)

가장 연결하기 편한게 단축어와 automator이고 가장 깔금하게 보이는건 BTT입니다.

automator 작성시 서비스로 설정하시고 작업흐름을 텍스트로 지정 후 진행하시면 됩니다.

그리고 텍스트로 아래와 같이 작성하시면 되는데

service name 항목에는 automator로 작성한 서비스명을 적어주시면 됩니다.

참고로 아이콘 설정은 https://www.popclip.app/dev/icons 참고 바랍니다.

#popclip
name: "종합 검색"
service name: "popclip_search"
icon: "iconify:mdi:home-search-outline"

혹시 몰라 예제파일 첨부합니다. 서비스 파일로 압축 푸시고 더블 클릭하시면 서비스 항목이 설치가됩니다.

그리고 단축어 항목으로 연결하시려면 단축어항목에서 서비스 메뉴 선택 체크 해주고 왼쪽 항목에 텍스트 입력 받기로 설저해주시고

위에 automator 설정처럼 똑같이 작업해주시면 됩니다.(단축어도 서비스 항목에 등록되었으니까)

하지만 이건 왠지 UI가 popclip이랑 어울리지가 않고 텍스트 옆에 나타나지 않고 화면 중간에 선택창이 나와 불편합니다.

원래는 BTT로 연결하는게 가장 좋은데 연결을 하면 인수가 전달이 되지 않고 백그라운드에서 실행이 되지 않다 보니깐 이상하게 진행이됩니다.

그래서 편법으로 진행해야 하는데 아래와 같이 앞전 프로그램 활성화를 집어넣어줘야 실행이 됩니다.

이렇게 되면 아래와 같이 btt 활성화에서 전 프로그램 활성화 후 메뉴가 나타납니다. btt 메뉴가 아이콘도 집어넣기 가능하고 더 깔금해서 좋네요

사용하실 분은 아래 트리거 항목 다운 받으시고 더블클릭하시면 BTT로 가져오기 하시고

아래 항목 드래그하신 후 설치하시면 됩니다.

#popclip
name: 종합검색
icon: iconify:mdi:home-search-outline
url: btt://607767A1-EEF2-4285-BC9A-0B94177FB15B

혹시 작동을 안하시면 위 항목에서 btt: 다음 텍스트가 btt의 UUID인데요 임포트되면서 변경되었을 수 있으니 아래 가지고 온 항목에서 오른쪽 메뉴 활성화 후 UUID 복사 후 붙여넣기 하시기 바랍니다.

그리고 popclip 에서 btt로 텍스트를 넘기는 방법 아시는 분 있으면 댓글좀 달아주세요!!

클립보드 이용해봤는데도 희한하게 작동해서 포기 했습니다.