<p align="center">
<img src="https://raw.githubusercontent.com/massCodeIO/massCode/HEAD/.github/assets/logo.png" alt="massCode" width="150">
</p>
<h1 align="center">massCode</h1>
<p align="center">
무료 오픈 소스 개발자 작업 공간입니다.
</p>
<p align="center">
<strong>스니펫(Snippets), 메모, HTTP 요청, 계산, 드로잉, 그리고 개발 도구(dev tools)를 하나의 로컬 우선(local-first) 앱에서 제공합니다.</strong>
<br>
작업 공간은 일반 마크다운 파일(plain Markdown files) 형태로 로컬에 저장됩니다.
</p>
<p align="center">
<img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/massCodeIO/massCode">
<img alt="GitHub stars" src="https://img.shields.io/github/stars/massCodeIO/massCode?style=flat">
<img alt="GitHub All Releases" src="https://img.shields.io/github/downloads/massCodeIO/massCode/total">
<img alt="GitHub" src="https://img.shields.io/github/license/massCodeIO/massCode">
</p>
<p align="center">
<a href="https://github.com/massCodeIO/massCode/releases">다운로드</a> |
<a href="https://masscode.io/documentation/">문서(Documentation)</a> |
<a href="https://github.com/massCodeIO/massCode/blob/master/CHANGELOG.md">변경 로그(Changelog)</a>
</p>
<p align="center">
확장 기능(Extensions):
<a href="https://marketplace.visualstudio.com/items?itemName=AntonReshetov.masscode-assistant">VS Code</a> |
<a href="https://www.raycast.com/antonreshetov/masscode">Raycast</a>
</p>
<br>
<p align="center">
<img src="https://raw.githubusercontent.com/massCodeIO/massCode/HEAD/docs/website/public/preview.png" alt="massCode screenshot" width="800">
</p>
<p align="center">
<sub>macOS, Windows, 그리고 Linux에서 사용 가능합니다</sub>
</p>
<br>
<br>
지원(Support)
massCode는 무료 오픈 소스입니다. 하지만 양질의 도구를 구축하고 유지하는 데에는 시간이 걸립니다. 여러분의 지원은 개발을 지속시키고 새로운 기능이 추가되는 데 도움이 됩니다.
<div align="center">
Open Collective
PayPal
Gumroad
</div>
<p align="center">
<strong>스폰서(SPONSORS)</strong>
</p>
<p align="center">
<a href="https://torsher.app/?ref=github/massCodeIO">
<img src='https://raw.githubusercontent.com/massCodeIO/massCode/HEAD/.github/assets/Torsher.svg' alt='Torsher — self-hosted media center for the TV'>
</a>
<a href="https://mysigmail.com/?ref=github/massCodeIO">
<img src='https://raw.githubusercontent.com/massCodeIO/massCode/HEAD/.github/assets/MySigMail.svg'>
</a>
</p>
소개(About)
원래는 스니펫 관리자였던 massCode가 이제 스니펫, 노트, HTTP 요청, 계산, 드로잉 및 개발자 도구를 하나의 데스크톱 앱에 통합하여 일상적인 작업이 한 곳에서 이루어지도록 합니다.
기능(Features)
코드 스니펫 (Code Snippets)
massCode를 프로젝트와 언어 전반에 걸쳐 재사용 가능한 코드를 정리할 수 있는 다단계 폴더, 태그 및 조각(fragments)을 갖춘 집중적인 스니펫 작업 공간으로 사용하세요.
- 기본적으로 160개 이상의 구문 문법(syntax grammar) 제공 (
.tmLanguage를 통해 600개 이상 지원)
- 코드 포맷팅을 위한 통합된 Prettier
- 빠른 프로토타이핑을 위한 실시간 HTML 및 CSS 미리보기
- 중첩된 구조를 대화형 그래프로 탐색할 수 있는 JSON 시각화 도구(Visualizer)
- 사용자 정의 테마가 적용된 세련된 이미지로 스니펫 내보내기
노트 (Notes)
스니펫 바로 옆에 더 긴 마크다운(markdown) 문서를 작성하세요: 프로젝트 문서, 초안, 연구 노트 및 개인 지식 기반.
- 상태, 우선순위, 마감일이 있는 작업 노트와 오늘/예정됨/완료 보기
- 완료된 작업 정리 및 자동 정리 예약 기능
- 활동 개요, 최근 노트, 가장 많이 연결된 노트, 노트 그래프 미리보기가 있는 대시보드
- 에디터(Editor), 라이브 프리뷰(Live Preview), 프리뷰 모드(Preview mode)
- 행 및 열 제어 기능을 갖춘 편집 가능한 마크다운 테이블
- 나중에 생성할 항목을 위한 플레이스홀더와 함께 노트, 스니펫(snippets), HTTP 요청으로의 내부 링크
- 섹션 탐색 및 재정렬, 링크 필터, 그룹화된 콜아웃(callout)을 갖춘 노트 인스펙터(Note inspector)
- 노트 간 내부 링크를 탐색하기 위한 전체 화면 노트 그래프
- 통합된 Mermaid 다이어그램
- 마크다운 제목 구조에서 생성되는 마인드맵(Mind map)
- 데모 및 회의를 위한 전체 화면 프레젠테이션 모드
- 미완성 작성을 위한 TODO 포함 콜아웃 블록 및 이미지 임베딩
HTTP 클라이언트 (HTTP Client)
코드 스니펫 및 프로젝트 노트와 함께 API 워크플로우를 구축하고 테스트하세요.
- HTTP 및 GraphQL 요청을 전송하고 WebSocket 메시지를 교환합니다.
- 공유 인증(auth), 헤더(headers), 변수(variables), 스크립트를 사용하여 컬렉션과 중첩 폴더를 구성합니다.
- 환경을 전환하고, 로컬 비밀 변수로 토큰을 보호하며, 요청 간에 응답 값을 전달합니다.
- 단언(assertions) 및 JavaScript 테스트를 사용하여 응답을 확인한 다음, 컬렉션 또는 폴더를 순차적으로 실행합니다.
- 쿼리 매개변수(query parameters), 헤더, 인증, 그리고 JSON, 텍스트, 폼 또는 파일 페이로드(payload)를 편집합니다.
- cURL을 포함하여 20개 언어 및 런타임에 대한 요청 코드를 생성합니다.
- 응답과 저장된 기록을 검사하고, 콘솔(Console)에서 트래픽을 디버깅하며, 쿠키와 전송 설정을 관리합니다.
- OpenAPI, Postman 및 Bruno에서 컬렉션을 가져옵니다.
시작하려면 HTTP 문서(HTTP documentation)를 참조하세요.
수학 노트 (Math Notebook)
워크플로우를 벗어나지 않고 자연어 계산, 변환 및 날짜 연산을 위한 계산기 스타일의 노트입니다.
- 산술 연산, 백분율 계산, 단위 변환, 날짜/시간 수학
- 166개 이상의 법정 화폐(fiat currencies), 실시간 환율이 적용되는 21개 암호화폐(cryptocurrencies)
- 빠른 반복 계산을 위한 변수, 함수, 집계 기능
- 금융 계산 (복리 이자, 투자 수익률(ROI), 대출 상환)
도면(Drawings)
스니펫과 노트 옆의 Excalidraw 기반 캔버스에 다이어그램, 와이어프레임, 화이트보드 아이디어를 스케치하세요.
- 키보드 탐색이 가능한 검색 가능한 도면 목록
- 도면별로 이동 및 확대/축소 기록 유지, 콘텐츠에 맞춰 재배치 기능 제공
- 도면을 이미지로 내보내기(Export)
- 마크다운 노트에 도면 직접 삽입
일반적으로 브라우저 탭으로 이동해야 하는 작은 작업을 위한 내장 유틸리티:
- 비교(Compare): JSON Diff
- 텍스트(Text): 케이스 변환기(Case Converter), 슬러그 생성기(Slug Generator), URL 파서(URL Parser), 줄 바꿈 정규화기(Line Break Normalizer)
- 암호화폐(Crypto): 해시/HMAC 생성기(Hash/HMAC Generator), 비밀번호 생성기(Password Generator), UUID
- 인코더(Encoders): URL, Base64, JSON을 TOML/XML/YAML로 변환, 색상 변환기(Color Converter)
- 생성기(Generators): JSON 생성기(JSON Generator), 로렘 입숨(Lorem Ipsum)
명령어 팔레트(Command Palette)
키보드 중심의 명령어 팔레트를 사용하여 어디서든 스페이스(spaces), 스니펫(snippets), 노트(notes), HTTP 요청 및 일반 작업으로 이동할 수 있습니다.
- macOS에서는 <kbd>Cmd+P</kbd>, Windows 및 Linux에서는 <kbd>Ctrl+P</kbd>로 열기
- 스니펫, 노트, HTTP 요청, 스페이스, 명령어 전반 검색
- 스니펫, 노트, HTTP 요청 및 폴더에 대한 생성(create) 작업 실행
@를 사용하여 특정 스페이스로 검색 범위를 지정하거나 >로 명령어 모드 열기
가져오기(Imports)
스니펫, 노트 및 API 컬렉션에 대한 미리보기 우선 가져오기를 통해 기존 작업을 볼트(vault)로 가져옵니다.
- VS Code, Raycast, SnippetsLab 및 공개 GitHub Gist에서 스니펫 가져오기
- Obsidian 폴더에서 마크다운 노트 가져오기
- OpenAPI, Postman 및 Bruno에서 HTTP 컬렉션 가져오기
- 어떤 내용을 작성하기 전에 감지된 항목, 폴더, 태그, 환경 및 경고 사항 검토
브라우저 클리퍼(Browser Clipper)
Chrome, Firefox 또는 Safari에서 웹 콘텐츠를 로컬 massCode 앱에 저장합니다.
- 크롬 웹 스토어에서 Chrome 버전을 설치합니다. Chrome Web Store
- 선택한 코드를 스니펫(snippets)으로 저장합니다.
- 선택한 텍스트 또는 읽기 가능한 페이지 내용을 노트(notes)로 저장합니다.
- 페이지나 링크를 HTTP
GET 요청으로 저장합니다.
- API 토큰을 사용하여 로컬 통합 API(Integration API)를 통해 연결합니다.
AI 어시스턴트
자체 AI 제공업체 계정 또는 로컬 모델을 사용하여 코드(Code), 노트(Notes), HTTP 전반에 걸쳐 작업을 수행하도록 내장 어시스턴트에게 요청할 수 있습니다.
- 스니펫 편집 및 형식 지정, 노트 정리, 작업 업데이트를 수행합니다.
- 볼트 전반에서 기록을 찾고 대화에 사용합니다.
- 확인과 함께 HTTP 컬렉션을 실행하고, 실패한 검사를 설명하며, 노트를에 보고서를 저장합니다.
- 편집 전에 미리보기를 요청하고, 작업이 실행되는 동안 작업을 조정하며, 되돌리기(Undo)를 지원하는 변경 사항을 취소합니다.
클라우드 제공업체는 작업에 사용된 컨텍스트(context)를 받습니다. 로컬 처리를 위해서는 컴퓨터에서 실행되는 모델을 사용하세요. 설정 및 예시는 AI 어시스턴트 가이드를 참조하십시오.
MCP 통합
내장된 MCP 서버를 통해 Claude Code, Codex, Cursor 또는 VS Code Copilot을 massCode 볼트에 연결합니다.
- 코딩 에이전트로부터 스니펫, 노트 및 저장된 HTTP 요청을 찾고 읽습니다.
- 태그가 지정된 폴더에 스니펫과 노트를 저장하고, 최신 변경 사항 덮어쓰기를 방지하는 보호 기능으로 업데이트합니다.
- 폴더를 정리하고, 항목을 이동하며, 기존 항목의 변경을 허용할 때 쓰레기통(Trash)으로 보내거나 복원합니다.
- 컬렉션 내에서 HTTP 요청을 정리하고 편집합니다.
- 활성 massCode 환경을 사용하여 요청을 미리 보고 전송한 다음, 저장된 실행 기록을 검사합니다.
에이전트를 연결하려면 MCP 설정 가이드를 참조하십시오.
마크다운 볼트
사용자의 스니펫, 노트 및 HTTP 요청은 프론트매터 메타데이터가 포함된 일반적인 .md 파일 형태로 디스크에 존재하므로 데이터는 읽기 쉽고 이식성이 유지됩니다.
- Git 친화적(Git-friendly) - 모든 Git 원격 저장소(Git remote)를 통해 변경 사항을 추적하고 동기화할 수 있습니다.
- 클라우드 동기화(Cloud sync) - iCloud, Dropbox, Google Drive, Syncthing과 연동됩니다.
- 실시간 동기화(Live sync) - massCode가 볼트(vault)를 감시하며 외부 변경 사항을 실시간으로 반영합니다.
- 벤더 종속성 없음(No vendor lock-in) - 데이터는 항상 사용자 소유입니다.
사용자 지정 테마 (Custom Themes)
JSON 테마 파일로 앱 UI와 에디터 구문 강조 표시를 사용자 지정할 수 있습니다. 라이브 리로드(live reload) 기능을 통해 라이트 및 다크 테마를 지원합니다. 자세한 내용은 테마 문서를 참조하세요.
기여 (Contributions)
massCode는 현지화(localization)와 새로운 구문 강조 언어에 대한 외부 풀 리퀘스트(pull request)만 받습니다. 버그를 보고하려면 이슈를 열어주세요. 기능 요청이나 아이디어는 GitHub Discussions에서 논의를 시작해 주세요.
자세한 내용은 CONTRIBUTING.md를 참고하세요.
로컬 빌드 (Build Locally)
<details>
<summary>소스 코드에서 빌드하는 방법 안내</summary>
필수 조건 (Prerequisites)
- Node.js (>=20.16.0)
- pnpm (>= 9.0.0)
종속성 설치 (Install Dependencies)
빌드 (Build)
현재 플랫폼용으로 빌드하려면:
특정 플랫폼용으로 빌드하려면:
pnpm build:mac
pnpm build:win
pnpm build:linux
개발 (Development)
개발 모드로 실행하려면:
</details>
팔로우 (Follow)
라이선스 (License)
AGPL-3.0
Copyright (c) 2019-present, Anton Reshetov.
