js-notepad: Claude 코드를 위한 내장 MCP 서버가 있는 스크립트 가능한 메모장

js-notepad는 Claude Code를 사용하면서 VS Code와 함께 작동하도록 설계된 스크립트 가능 노트패드 애플리케이션입니다. Claude Code의 도움으로 완전히 구축된 코딩 워크플로우를 위한 동반 도구 역할을 합니다.

주요 기능 및 사용 사례

개발자는 Claude Code 세션 중에 VS Code와 나란히 js-notepad를 다음과 같은 특정 목적으로 사용합니다:

• 문서 검토 – Mermaid 다이어그램 지원으로 마크다운이 실시간 렌더링되며, HTML 목업은 내장 브라우저 탭에서 미리 볼 수 있습니다.
• 작업 추적 – 작업 공간을 떠나지 않고도 빠른 할 일과 메모를 생성할 수 있습니다.
• 변경 사항 모니터링 – 탐색 패널이 있는 여러 탭 그룹을 통해 프로젝트 파일을 탐색하고 Claude가 구현한 내용을 검토할 수 있습니다.

기술적 구현

이 애플리케이션에는 다음과 같은 여러 기술 구성 요소가 포함되어 있습니다:

• 내장 MCP 서버 – Claude Code가 페이지 읽기/쓰기, 스크립트 실행, 할 일 생성 및 결과를 애플리케이션에 직접 푸시할 수 있도록 합니다.
• Monaco Editor – VS Code에서 사용하는 동일한 편집기 엔진입니다.
• 그리드 편집기 – JSON 및 CSV 파일 작업을 위한 도구입니다.
• 노트북 및 할 일 편집기 – 다양한 콘텐츠 유형을 위한 전용 인터페이스입니다.
• PDF 뷰어 – 내장 PDF 보기 기능입니다.
• JavaScript/TypeScript 스크립팅 – 사용자 정의 기능을 위한 완전한 Node.js 접근 권한을 제공합니다.

이 도구는 무료 오픈소스이며 현재 Windows에서 사용할 수 있습니다. 소스 코드는 github.com/andriy-viyatyk/js-notepad에서 호스팅됩니다.