LiveCodes
기능이 풍부한 오픈 소스 클라이언트 측 코드 플레이그라운드로, 90+ 개의 언어와 프레임워크를 지원하며 서버, 계정, 제한이 필요 없습니다.
스마트 다운로드
프로젝트 홈페이지 방문
아직 설치 프로그램이 없습니다 — 소스 저장소로 이동하세요
설정 없이 바로 사용할 수 있는 온라인 코드 에디터로, 거의 100가지 언어를 지원하며 무료로 무제한 사용할 수 있고, 셀프 호스팅도 가능합니다.
주요 기능
- 90+개 언어 및 프레임워크 지원 (React, Vue, Python, Go 등)
- 순수 클라이언트에서 실행, 서버나 데이터베이스 불필요
- 가입 불필요, 무료 사용, 무제한 비공개 프로젝트
- 모든 웹 페이지에 임베딩 가능, SDK를 통해 프런트엔드 프레임워크와 통합
- npm, GitHub 등의 소스에서 모듈 가져오기
할 수 없는 것
- •Python, Go 등 백엔드 언어를 지원하지만 실제로는 브라우저에서 실행되므로 브라우저의 성능과 시뮬레이션 환경의 제한을 받아 프로덕션급 백엔드 테스트에는 적합하지 않습니다. 2. 일부 고급 기능(GitHub 통합 등)은 GitHub 계정이 필요합니다. 3. 대량의 모듈 임포트로 인해 최초 로딩이 느려질 수 있습니다.
사용 사례
- 프론트엔드 데모를 빠르게 작성하고 테스트
- 문서나 블로그에 인터랙티브한 코드 예제 임베드
- 교육에서 즉시 실행 가능한 프로그래밍 연습 만들기
- 프로토타입을 디자인하고 동료나 고객과 공유
- 팀의 내부 코드 샌드박스로 셀프 호스팅
LiveCodes는 기능이 풍부하고 오픈 소스이며 브라우저에서 완전히 실행되는 코드 플레이그라운드(코드 샌드박스)입니다. React, Vue, Svelte, TypeScript, Python, Go, Ruby, PHP 등 90개 이상의 언어와 프레임워크를 지원합니다. 서버 구성이 필요 없고, 계정 가입도 필요 없으며, 사용 제한도 없습니다. 플레이그라운드를 모든 웹 페이지에 임베드하고, 다양한 소스(npm, deno.land, GitHub)에서 코드를 가져오고, 모듈을 사용하며, 전체 애플리케이션을 셀프 호스팅할 수도 있습니다. 강력한 에디터, 모바일 친화성, 외부 리소스 참조, 프로젝트 가져오기/내보내기, 공유, 배포, 템플릿, 코드 포맷팅, 인텔리센스, 읽기 전용 모드, 브로드캐스트, 동기화, 백업/복원 등 풍부한 기능을 제공합니다. SDK(소프트웨어 개발 키트)는 바닐라 JS/TS, React, Vue, Svelte, Solid를 지원하여 프로그래밍 방식으로 손쉽게 임베드하고 통신할 수 있습니다.
태그
시작하기
소프트웨어 설치
다운로드한 설치 프로그램을 더블 클릭하고 안내에 따르세요
독립 사용: https://livecodes.io 에 바로 접속하면 코딩을 시작할 수 있습니다.
페이지 임베딩: 페이지에 컨테이너 div를 추가한 다음 CDN 스크립트를 로드하여 createPlayground를 호출합니다.
자체 호스팅: release 파일을 다운로드하여任意의 정적 파일 서버(예: GitHub Pages)에 올리기만 하면 되며, 백엔드가 필요 없습니다.
- 독립 사용: https://livecodes.io 에 바로 접속하면 코딩을 시작할 수 있습니다.
- 페이지 임베딩: 페이지에 컨테이너 div를 추가한 다음 CDN 스크립트를 로드하여 createPlayground를 호출합니다.
- 자체 호스팅: release 파일을 다운로드하여任意의 정적 파일 서버(예: GitHub Pages)에 올리기만 하면 되며, 백엔드가 필요 없습니다.
체크섬 없음
이 프로젝트는 GitHub Release 페이지에 SHA-256 체크섬을 게시하지 않았습니다
SHA256 체크섬
체크섬 없음
GitHub Releases에서 직접 다운로드하고 파일 무결성을 직접 확인하세요
이 플랫폼의 모든 SHA-256 체크섬은 프로젝트의 공식 GitHub Release 페이지에서 추출되었으며, 어떠한 변경도 없습니다. GitHub Releases 페이지에서 직접 검증할 수 있습니다.
오픈소스 투명성
GitHub 소스 보기제거 정보
독립적으로 사용하는 경우 제거할 필요가 없습니다. 자체 호스팅 배포의 경우 배포 디렉터리만 삭제하면 됩니다. npm을 통해 SDK를 설치한 경우 npm uninstall livecodes를 실행하여 제거하세요.
추가 의존성 없음
다운로드 후 바로 사용 가능. 추가 런타임이 필요하지 않습니다.
문제 발생? 아래 FAQ 확인
3 FAQs
유사한 프로젝트
Visual Studio Code (Code - OSS)
Microsoft가 만든 무료 오픈 소스 코드 편집기로, 지능형 자동 완성, 디버깅, Git 및 확장 기능을 지원하는 전 세계에서 가장 인기 있는 편집기입니다.
opencode
오픈소스 AI 코딩 에이전트로, 코드 작성, 리팩토링 및 분석을 지원하며, '빌드(Build)'와 '플랜(Plan)' 이중 에이전트 모드가 내장되어 있습니다.
scrcpy
USB 또는 무선 TCP/IP를 통해 컴퓨터에서 Android 기기로 화면 미러링 및 제어를 지원하며, 루팅 불필요, 고성능 저지연, 오디오 전달 지원.