DragCode

DragCode는 VS Code 에디터에서 코드 블록을 드래그(선택)하기만 해도 실시간으로 사이드바(Webview)에서 해당 코드를 확인할 수 있는 확장입니다. React 기반 UI를 Webview로 내장해, 브라우저를 따로 띄우지 않고도 실시간 코드 뷰를 제공합니다.

주요 기능

• 실시간 코드 전송: 에디터에서 드래그한(선택한) 코드가 곧바로 Webview에 표시됩니다.
• WebSocket 서버: ws 라이브러리 기반으로 ws://localhost:12345 포트에서 통신
• React UI: Webview 패널에 번들된 React 앱 렌더링
• 자동 활성화: VS Code 시작 직후(onStartupFinished) 자동으로 Webview가 준비됩니다.

변경 사항

• 실시간 코드 전송: 에디터에서 드레그 이후 Ctrl+Alt+G를 해야지 해당 코드가 서버로 전송되게 변경하였습니다.

설치

1. VS Code Extensions 뷰 열기
2. DragCode 검색 후 Install
3. 또는 로컬 .vsix 파일 설치:

   code --install-extension dragcode-0.1.0.vsix
   

사용 방법 VS Code를 재시작하거나 확장을 활성화

코드 파일에서 원하는 부분을 드래그(선택)

사이드바 또는 “DragCode Viewer” 패널에서 선택된 코드가 실시간 표시됩니다.

종속성 node-fetch (^2.7.0): HTTP 요청용

ws (^8.18.2): WebSocket 서버용

React: Webview UI (번들로 포함)

위 라이브러리들은 모두 오픈소스(MIT/Apache) 라이선스를 따릅니다

라이선스 이 프로젝트는 MIT 라이선스 하에 배포됩니다: MIT License

Copyright (c) 2025 zaqs1013

본 소프트웨어 및 관련 문서 파일(이하 "소프트웨어")의 사본을 취득한 모든 사람에게 소프트웨어를 제한 없이 사용할 수 있는 권한을 무상으로 부여합니다. 여기에는 소프트웨어 사본을 사용, 복사, 수정, 병합, 게시, 배포, 재라이선스 부여 및/또는 판매할 권리와 소프트웨어가 제공된 사람에게 이러한 권한을 부여할 권리가 포함되나 이에 국한되지 않습니다. 단, 다음 조건에 따라야 합니다.

상기 저작권 고지 및 본 허가 고지는 소프트웨어의 모든 사본 또는 상당 부분에 포함되어야 합니다.

본 소프트웨어는 상품성, 특정 목적에의 적합성 및 비침해를 포함하되 이에 국한되지 않는 명시적 또는 묵시적 보증 없이 "있는 그대로" 제공됩니다. 어떠한 경우에도 저작자 또는 저작권자는 소프트웨어 또는 소프트웨어의 사용 또는 기타 거래와 관련하여 발생하는 계약, 불법 행위 또는 기타 소송에서 발생하는 모든 청구, 손해 또는 기타 책임에 대해 책임을 지지 않습니다.