브라우저에서 직접 코드를 작성, 실행, 실시간 미리보기
HTML, CSS, JavaScript 빠른 프로토타이핑부터 React와 Vue를 활용한 풀스택 Node.js 개발까지. Monaco 에디터, WebContainer 실행 환경, 로컬 영구 저장을 지원합니다.
두 가지 전문 개발 환경
프로젝트 목적에 맞는 최적의 성능과 도구를 선택하세요.
정적 및 멀티파일 에디터
HTML5, CSS3, 모던 자바스크립트를 빌드 지연 없이 즉시 렌더링합니다. 빠른 UI 프로토타이핑과 CDN 라이브러리 테스트에 적합합니다.
고급 WebContainer IDE
브라우저 메모리에서 구동되는 완벽한 Node.js 환경입니다. npm install 실행, Vite 개발 서버 구동, React 및 Vue 프로젝트를 지원합니다.
성능, 프라이버시, 안정성을 위한 설계
모든 연산이 브라우저 내부에서 로컬로 실행되며 강제 계정이나 클라우드 종속이 없습니다.
Monaco 코드 에디터
VS Code와 동일한 엔진으로 TypeScript 지능형 자동완성, 구문 강조, 코드 접기, 진단 기능을 제공합니다.
실시간 반응형 미리보기
입력과 동시에 업데이트되는 DOM 미리보기, 독립 팝아웃 창, 모바일 QR 코드 실기기 테스트를 지원합니다.
React 및 Vue 스타터
단일 파일 및 다중 파일 프로젝트 템플릿을 통해 현대적인 컴포넌트 개발을 즉시 시작할 수 있습니다.
WebContainer 마이크로 OS
브라우저 탭 내에서 안전하게 격리된 Node.js 프로세스와 패키지 매니저를 구동합니다.
로컬 우선(Local-First) 저장소
프로젝트 데이터가 기기 내 IndexedDB에 안전하게 보관되어 완벽한 개인정보 보호와 빠른 복원을 보장합니다.
무결성 검증 ZIP 백업
프로젝트를 표준 ZIP 파일로 내보내고 무결성 검증을 거쳐 전체 파일 구조를 온전하게 복원할 수 있습니다.
WebContainer 아키텍처 및 브라우저 호환성
클라이언트 사이드 실행 환경의 기능과 동작 사양을 확인하세요.
GB Coder는 SharedArrayBuffer 및 교차 출처 격리(COOP/COEP)를 지원하는 브라우저에서 WebContainer를 통해 순수 Node.js를 실행합니다. Chromium 기반 브라우저(Chrome, Edge, Brave)와 Firefox에서 원격 서버 없이 개발 서버가 즉시 실행됩니다.
가벼운 마크업 작업이나 격리 헤더가 제한된 환경에서는 정적 에디터가 즉각적인 대안으로 작동하여 언제 어디서나 안정적인 코딩이 가능합니다.