본문으로 건너뛰기

© 2026 Molayo

Dev.to헤드라인2026. 05. 20. 22:09

qqq Extension: VS Code / Code-OSS / VSCodium에서 WYSIWYG 미리보기와 함께 이미지, 리치 미디어

요약

qqq는 VS Code, Code-OSS, VSCodium 환경에서 이미지, 비디오, 폴더, HTML 등 다양한 미디어 리소스를 WYSIWYG 방식으로 직접 붙여넣고 미리 볼 수 있게 해주는 확장 도구입니다. 개발자가 별도의 메모 앱을 사용하지 않고도 IDE 내부에서 아이디어를 정리하고 미디어를 관리할 수 있는 창의적인 작업 공간을 제공합니다.

핵심 포인트

  • 텍스트뿐만 아니라 스크린샷, 이미지, 비디오, 폴더 등 다양한 미디어 리소스를 에디터에 직접 붙여넣기 가능
  • 확장자가 없는 파일이나 사용자 정의 확장자 파일에서도 WYSIWYG 미리보기 지원
  • IDE 내에서 아이디어를 즉시 정리할 수 있도록 '복사-붙여넣기-미리보기-정리'로 이어지는 워크플로우 최적화
  • 빠른 디렉토리 이동 및 리소스 관리를 위한 'Roam' 파일 탐색기 기능 포함

© 2005 gh555.com All Rights Reserved. qqq IDE: VS Code / Code-OSS / VSCodium에 모든 것을 붙여넣기 (2025년 10월 프로젝트 시작) 모든 것을 붙여넣을 수 있게 만드세요. 아이디어를 조율하세요. IDE를 운영체제로 바꾸세요. qqq IDE를 사용하면 이미지, 스크린샷, 파일, 폴더, HTML 페이지, 비디오 및 미디어를 WYSIWYG (What You See Is What You Get) 미리보기와 함께 VS Code / Code-OSS / VSCodium에 직접 붙여넣을 수 있습니다. qqq는 VS Code, Cursor, Antigravity, Code-OSS, VSCodium을 모든 미디어 붙여넣기에 친화적인 노트북이자 창의적인 작업 공간으로 변모시킵니다.

링크
프로젝트 토론 및 로드맵: https://github.com/gh555com/qqq/discussions/2
공식 다운로드: https://www.gh555.com/qqq
소스 코드: https://github.com/gh555com/qqq
2026.05.16 이후 qqq IDE 개발 진행 상황: https://github.com/gh555com/qqq/discussions/7
원래 이름: qqq
Linux / macOS의 경우 qqq 16.5.1+ 버전이 필요합니다. 상세 정보

왜 qqq IDE인가요?
스크린샷, 이미지, 파일, 폴더, 비디오, HTML 페이지 및 창의적인 자료를 수집하기 위해 별도의 메모 애플리케이션을 열 필요가 없어야 합니다. qqq IDE와 함께라면 당신의 에디터는 모든 미디어를 아우르는 작업 공간이 됩니다. VS Code / Code-OSS / VSCodium은 개발자, 크리에이터, 작가, AI 사용자, 그리고 IDE 내부에서 아이디어를 정리하는 모든 이들을 위한 붙여넣기에 친화적인 노트북이 될 수 있습니다. 핵심 워크플로우는 간단합니다: 복사(Copy) → 붙여넣기(Paste) → 미리보기(Preview) → 정리(Organize) → 계속하기(Continue)

✦q✦ Ctrl+V: 모든 문서의 어디에서나 모든 것을 붙여넣기
qqq IDE는 붙여넣기의 범위를 일반 텍스트(Plain text) 너머로 확장합니다. 스크린샷, 이미지 파일, 폴더, 비디오, HTML 페이지, 문서 및 미디어 리소스를 에디터에 직접 붙여넣을 수 있습니다. 이는 일반 텍스트 파일, 사용자 정의 파일 확장자, 심지어 확장자가 없는 파일에서도 작동합니다.

VS Code / Code-OSS / VSCodium에 스크린샷 직접 붙여넣기
qqq IDE를 사용하면 .txt, .1, 사용자 정의 파일 확장자 또는 확장자가 없는 파일을 포함한 모든 문서에 스크린샷을 직접 붙여넣고 WYSIWYG 렌더링으로 미리 볼 수 있습니다.

VS Code / Code-OSS / VSCodium에 이미지 파일 직접 붙여넣기
qqq IDE를 사용하면 이미지 파일을 에디터에 직접 붙여넣고 그 자리에서 바로 미리 볼 수 있습니다. 어떤 파일, 폴더, 비디오, PSD, MP3, EXE 또는 미디어 리소스든 붙여넣으세요. qqq를 통해 txt, exe, psd, mp3, 폴더, mp4 비디오 및 기타 다양한 파일 유형을 WYSIWYG 미리 보기와 함께 VS Code / Code-OSS / VSCodium에 직접 붙여넣을 수 있습니다. 사용법: Ctrl+V

F2
qqq는 붙여넣기를 IDE 내부의 보편적인 입력 동작 (input action)으로 만듭니다. 에디터를 떠나지 않고도 즉시 아이디어를 정리할 수 있습니다.

✦q✦ VS Code / Code-OSS / VSCodium을 위한 Roam 파일 탐색기 (File Explorer)
아이디어, 파일, 스크린샷, 폴더, 비디오 및 미디어 리소스를 정리하려면 임의의 디렉토리 사이를 빠르게 이동할 수 있어야 합니다. qqq에는 VS Code / Code-OSS / VSCodium을 위한 빠른 파일 탐색기인 Roam이 포함되어 있습니다.

다음 방법으로 Roam을 호출하세요:

  • 편집 모드가 아닐 때 Tab
  • Roam 명령
  • Roam 버튼
  • Space + Q

빠른 디렉토리 탐색을 위한 Roam 파일 탐색기
qqq의 Roam은 빠른 탐색, 최근 위치, 키보드 우선 워크플로 (keyboard-first workflows), 그리고 현재 프로젝트 폴더 외부의 디렉토리에 대한 접근을 위해 설계된 파일 탐색기입니다.

Roam이 중요한 이유

어디든 도달 가능
Roam은 현재 프로젝트 폴더에 국한되지 않습니다. 로컬의 어떤 디렉토리로든 점프할 수 있습니다. 또한 원격 디스크를 로컬에 매핑하여 직접 작업할 수도 있습니다.

빠른 파일 브라우징
Roam은 고사양 PC, 서버 및 가상 머신 (virtual machines)에서도 빠른 디렉토리 목록 표시와 신속한 탐색이 가능하도록 설계되었습니다.

트랜잭션 파일 작업 (Transactional file operations)
Roam은 트랜잭션 파일 작업을 사용하여 대규모 파일 삭제, 복사 및 정리를 더욱 신뢰성 있게 수행합니다. VS Code의 공식 파일 관리자 제한 사항에 대한 자세한 내용은 다음을 참조하세요: https://github.com/gh555com/qqq/blob/qq/docs/VS_Code_Official_File_Explorer_Limitations.md

키보드 우선 워크플로 (Keyboard-first workflow)
Roam은 최근 방문 기록, 빠른 필터링, 키보드 조작, 빠른 파일 생성, 목록 기본 설정, 정렬 기본 설정 및 관리자 터미널의 직접 실행을 지원합니다.

예시 워크플로우: Tab → 파일 이름 → Enter → 새 파일이 열리며 편집 모드로 진입

Roam에서 폴더 및 혼합 리소스 선택하기
Roam을 사용하면 폴더, 파일, 또는 파일과 폴더가 혼합된 세트를 선택하여 일괄 복사, 삭제 또는 크기 계산을 할 수 있습니다.

가장 자주 방문하는 폴더를 가까이 유지
Roam은 자주 방문하는 위치를 가까이 유지하므로 프로젝트, 문서, 음악, 비디오, 게임 및 미디어 폴더 사이를 더 빠르게 이동할 수 있습니다.

Roam 키보드 단축키
유용한 Roam 단축키:
선택한 항목에서 Space를 누르면 해당 항목의 크기를 요청합니다.
1을 누르면 목록의 맨 위로 스크롤합니다.
2를 누르면 목록의 맨 아래로 스크롤합니다.
Q를 누르면 선택한 프로젝트 또는 문서를 IDE에서 엽니다.
W를 누르면 선택한 음악, 비디오, 게임, 폴더 또는 미디어 리소스를 엽니다.
Space + Q를 누르면 Roam을 호출합니다.

✦q✦ 프리미엄 기능:
즉시 사용 가능한 기능
VS Code / Code-OSS / VSCodium에 HTML 직접 붙여넣기
qqq IDE는 HTML(리치 텍스트 (Rich Text))을 감지하여 에디터에 붙여넣는 기능을 지원합니다. Chromium 기반 브라우저와 호환성이 가장 좋습니다. 특정 모드의 Edge와 같은 일부 브라우저에서 복사할 경우 일반 텍스트 (Plain Text)만 표시될 수 있습니다.
테스트 URL: https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_9166282253401607575%22%7D&n_type=1
이 테스트 페이지에는 비디오, 이미지 및 텍스트가 혼합되어 있습니다.
테스트 목표:
모든 비디오가 다운로드되어야 합니다.
텍스트, 이미지 및 비디오의 순서가 올바르게 유지되어야 합니다.
글자가 깨져서 나타나지 않아야 합니다.
반복된 작업은 동일한 리소스를 한 번만 저장해야 합니다.
동일한 이미지와 비디오는 핑거프린팅 (Fingerprinting)을 통해 중복이 제거되어야 합니다.

qqq IDE에서 DOC 및 DOCX 내보내기
qqq는 문서 내보내기를 지원합니다.
.doc: RTF 기반으로 Word 2003과 호환되며 이전 워크플로우에 대해 더 나은 호환성을 제공합니다.
.docx: Office Open XML 기반으로 Google Docs 및 Tencent Docs와 호환되며 더 강력한 구조와 더 나은 압축률을 제공합니다.

휴대용 리소스를 위한 ZIP 내보내기
qqq는 ZIP 내보내기를 지원합니다.

ZIP 내보내기는 노트, 미디어 리소스, 문서, 이미지, HTML 콘텐츠 및 발표 자료를 휴대 가능한 아카이브로 패키징하는 데 유용합니다.

스트리밍 비디오 붙여넣기
qqq는 에디터 내부에서 스트리밍 비디오 리소스를 붙여넣고 정리하는 워크플로 (Workflow)를 지원합니다.

고립된 파일 정리
qqq는 문서에서 더 이상 참조되지 않는 고립된 리소스 파일 (Orphaned resource files)을 정리하는 데 도움을 줄 수 있습니다.

클립보드 히스토리 카드
qqq는 붙여넣은 콘텐츠와 최근 리소스를 관리하기 위한 클립보드 관련 워크플로 (Workflow)를 포함합니다.

설치 방법
qqq 16.5.1+ 버전은 다음 환경을 위한 단일 유니버설 설치 프로그램을 제공합니다:
Windows x64, Linux x64, macOS x64, macOS arm
설치 프로그램은 일반적인 운영 체제 및 프로세서 아키텍처 (Processor architectures) 전반에서 작동하도록 설계되었습니다. 별도의 설치 옵션이나 복잡한 선택이 필요하지 않습니다. 하나의 패키지로 모든 환경에서 작동합니다.

설치 후 언어 변경
qqq는 다음과 같은 다양한 UI 언어를 지원합니다: zh, zh-tw, en, ja, de, ko, ru, ar, es, fr, pt-BR

qqq 정보

리소스 점유율 (Resource Footprint)
qqq는 성능 최적화가 이루어진 매우 효율적인 Rust 기반의 기초 아키텍처 (Architecture)를 바탕으로 구축되었습니다. 유휴 상태의 CPU 및 디스크 IO 오버헤드 (Overhead)를 거의 제로에 가깝게 유지하도록 설계되었습니다. 낮은 메모리 점유율 (Low memory footprint)은 다음과 같이 여러 IDE가 동시에 실행 중일 때 특히 유용합니다:
VS Code, Cursor, Antigravity, Code-OSS, VSCodium

아키텍처 상세 정보: https://github.com/gh555com/qqq/blob/qq/docs/IO_ENGINE_v16.md

저장소 연락처: https://github.com/gh555com/qqq
이슈 (Issues): https://github.com/gh555com/qqq/issues
공식 다운로드: https://www.gh555.com/qqq
당일 회신: ky@gh555.com

GH Health All Rights Reserved.

키워드: 이미지 붙여넣기, 파일 관리자, 리치 미디어 (Rich Media), WYSIWYG, 미리보기, 이미지 미리보기, 네비게이터, 스트림 감지 (stream detection), HTML 스니핑 (html sniffing), 粘贴图片, 文件管理器, 富媒体, 所见即所得, 预览, 图片预览, 导航器, 流检测, HTML嗅探, 画像の貼り付け, ファイルマネージャー, リッチメディア, WYSIWYG, プレビュー, 画像プレビュー, ナビゲーター, ストリーム検出, HTMLスニッフィング, Bild einfügen, Dateimanager, Rich-Media, WYSIWYG, Vorschau, Bildvorschau, Navigator, Stream-Erkennung, HTML-Sniffing, 이미지 붙여넣기, 파일 관리자, 리치 미디어, WYSIWYG, 미리보기, 이미지 미리보기, 네비게이터, 스트림 감지, HTML 스니핑, Вставить изображение, Диспетчер файлов, Рич-медиа, WYSIWYG, Предварительный просмотр, Предварительный просмотр изображения, Навигатор, обнаружение потока, HTML-анализ, لصق الصورة, مدير الملفات, وسائط غنية, WYSIWYG, معاينة, معاينة الصورة, ملاحظ, كشف التدفق, استكشاف HTML, Pegar imagen, Administrador de archivos, Medios enriquecidos, WYSIWYG, Vista previa, Vista previa de imagen, Navegador, detección de flujo, olfateo HTML, Coller une image, Gestionnaire de fichiers, Médias riches, WYSIWYG, Aperçu, Aperçu de l'image, Navigateur, détection de flux, reniflage HTML, Colar imagem, Gerenciador de arquivos, Mídia rica, WYSIWYG, Pré-visualização, Pré-visualização de imagem, Navegador, detecção de fluxo, farejamento HTML, छवि चिपकाएं, फ़ाइल प्रबंधक, समृद्ध मीडिया, WYSIWYG, पूर्वावलोकन, छवि का पूर्वावलोकन, नेविगेटर, स्ट्रीम का पता लगाना, HTML स्निफिंग, Dán hình ảnh, Trình quản lý tệp, Phương tiện đa dạng, WYSIWYG, Xem trước, Xem trước hình ảnh, Trình điều hướng, phát hiện luồng, ngửi HTML, Incolla immagine, Esplora file, Media ricchi, WYSIWYG, Anteprima, Anteprima immagine, Navigatore, rilevamento di flusso, sniffing HTML

AI 자동 생성 콘텐츠

본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0