브라우저 탭 하나로 완성되는 강력한 웹 개발 스튜디오

직관적인 3분할 레이아웃으로 프론트엔드를 신속하게 검증합니다. 빌드나 번들링 대기 없이 최신 ES2024 JavaScript와 CSS를 즉시 확인할 수 있습니다.

• 입력과 동시에 반영되는 디바운스 적용 실시간 DOM 렌더링
• log, warn, error 호출을 포착하는 내장 가상 콘솔
• 외부 CDN 라이브러리(Tailwind, Bootstrap, React 등) 간편 추가
• 명확한 자산 참조를 지원하는 다중 파일 정적 프로젝트 구성

WebAssembly 기반 마이크로 운영체제를 통해 브라우저 스레드에서 직접 순수 Node.js 바이너리를 실행합니다. 원격 서버 없이 패키지 관리와 개발 서버를 구동하세요.

• 명령어 기록과 ANSI 컬러를 지원하는 완벽한 xterm.js 터미널
• npm install, npx 스크립트 실행 및 Vite 개발 서버 지원
• 교차 출처 격리(COOP/COEP)로 보호되는 하드웨어 가속 실행
• 내장 iframe 미리보기로 직접 연결되는 로컬 포트 포워딩

VS Code와 동일한 핵심 엔진을 브라우저에 최적화하여 탑재했습니다. TypeScript, JavaScript, HTML, CSS, JSON에 대한 강력한 도구를 제공합니다.

• 인라인 타입 문서를 제공하는 IntelliSense 지능형 자동완성
• 실시간 구문 오류 검사 및 인라인 코드 진단
• 멀티 커서 편집, 괄호 일치 표시, 사용자 지정 단축키
• 작업 내역을 손쉽게 비교할 수 있는 내장 Diff 뷰어

검증된 보일러플레이트로 새로운 프로젝트를 즉시 시작하세요. 단일 파일 컴포넌트 실험부터 다중 파일 Vite 앱까지 유연하게 전환할 수 있습니다.

• JSX/TSX 지원 및 실시간 렌더링을 제공하는 React 18 스타터
• Single File Component(.vue) 컴파일을 지원하는 Vue 3 스타터
• 랜딩 페이지, 유틸리티 앱, 대시보드를 아우르는 템플릿 갤러리
• 클릭 한 번으로 격리된 IndexedDB 워크스페이스에 복제

사용자의 모든 소스코드는 기기 내부의 IndexedDB에만 안전하게 저장됩니다. 외부 클라우드 저장, 강제 회원가입, 사용자 추적이 전혀 없습니다.

• 재부팅 및 오프라인 상태에서도 온전히 유지되는 트랜잭션 IndexedDB
• 탭을 다시 열었을 때 지연 없이 작업 상태를 즉시 복원
• 외부 서버로 소스코드를 무단 전송하지 않는 투명한 구조
• 설정 메뉴를 통해 사용자가 원할 때 언제든 데이터 삭제 및 내보내기 가능

프로젝트 전체를 표준 ZIP 아카이브로 내보내고, SHA-256 무결성 검증을 통해 어떤 환경에서도 안전하게 복원할 수 있습니다.

• 정확한 파일 경로와 구조를 그대로 보존하는 표준 ZIP 포맷
• 데이터 손상을 감지하고 방지하는 SHA-256 해시 검증
• 압축 해제 전 내용을 미리 확인하는 드래그 앤 드롭 가져오기
• 데스크톱 VS Code 또는 Git 리포지토리와의 완벽한 호환성

코드 변경 사항을 즉각 확인하세요. 듀얼 모니터 작업을 위해 팝아웃 창으로 분리하거나 QR 코드를 스캔하여 실제 모바일 기기에서 테스트할 수 있습니다.

• 스크립트 간섭을 방지하는 안전한 샌드박스 iframe 환경
• 양방향 상태가 동기화되는 독립 팝아웃 미리보기 창
• 실제 스마트폰에서 즉시 확인할 수 있는 모바일 QR 코드 테스트
• 모바일, 태블릿, 데스크톱 해상도 프리셋 지원

프로젝트 내 다중 파일 검색 및 치환, 변경 사항 비교, 자동 코드 포맷팅을 지원하는 편리한 툴바를 제공합니다.

• 정규식 및 대소문자 구분을 지원하는 초고속 전역 파일 검색
• HTML, CSS, JS, TS를 위한 Prettier 자동 코드 정렬
• 저장 전 변경된 내용을 한눈에 비교할 수 있는 Diff 모달
• 노트북부터 대형 모니터, 터치 기기까지 편안한 반응형 UI 툴바