Editor.do
Editor.do · 코딩
Editor.do는 온라인 코드 편집기와 정적 사이트 호스팅을 하나로 합친 도구다. 무료 SSL, 1,000개가 넘는 웹사이트 템플릿, 드래그 앤 드롭 빌더, AI 어시스턴트가 따라온다.
Editor.do 소개
What Is Editor.do
Editor.do는 브라우저에서 돌아가는 개발 환경이고, 그 안에서 만든 사이트의 호스팅까지 맡는다. 프로젝트를 열어 HTML, CSS, JavaScript를 쓰고 저장하면 미리보기가 곧바로 바뀐다. 데스크톱에 설치할 것도, 로컬 서버를 세울 일도 없다.
코드 연습장과 갈라지는 지점은 호스팅이다. 프로젝트마다 NVMe 스토리지, 자동 발급 SSL 인증서, 매일 백업이 붙고 DNS 레코드 두 개로 자기 도메인을 연결할 수 있다. 도메인이 없으면 editor.do 무료 서브도메인으로 몇 분 만에 사이트를 올린다.
한계는 분명하다. 정적 사이트만 된다. 서버가 실행하는 것은 HTML, CSS, JS뿐이다. PHP나 Python 파일은 브라우저 편집기에서 열어 고칠 수 있지만 실행되지는 않는다. 데이터베이스나 백엔드가 필요한 프로젝트라면 이 호스팅이 맞지 않는다.
Getting Started
- editor.do에서 계정을 만든다. 체험은 7일이고 카드를 요구하지 않는다.
- 프로젝트를 열고 editor.do 무료 서브도메인을 고르거나 이미 가진 도메인을 입력한다.
- 브라우저 편집기에서 새로 만들거나, 파일을 업로드하거나, 기존 사이트를 zip으로 묶어 넣는다.
- 고치고 저장한다. 공개 사이트에 즉시 반영되고, 파일 관리 화면에서 템플릿을 설치하거나 GitHub 공개 프로젝트를 가져올 수 있다.
제품 정보
Editor.do의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 웹을 막 시작한 학생
- 작은 사이트를 맡는 프리랜서
- 빠른 테스트 환경이 필요한 개발자
작업
- 랜딩 페이지와 포트폴리오
- 정적 사이트 배포
- 프런트엔드 연습
- 템플릿 손보기
활용 상황
- 금요일까지 원페이지 홍보 사이트가 필요하다
- 휴대폰이나 빌린 노트북으로 디자인 아이디어를 시험한다
- 문서 사이트나 행사 페이지를 오래 저렴하게 두고 싶다
주요 기능
실시간 미리보기 편집기
저장하면 변경 사항이 렌더링된 페이지로 바로 간다. 새로고침도 빌드 단계도 없이 결과를 본다. 구문 강조, 찾기와 바꾸기, 익숙한 단축키를 갖췄다. 어떤 언어든 편집은 되지만 서버에서 도는 것은 HTML, CSS, JS뿐이다.
내장 정적 호스팅
프로젝트마다 NVMe SSD와 1 Gbit 회선이 붙는다. 이미지, 영상, 오디오, 일반 파일을 올리면 HTTPS로 내보낸다. 백업은 매일 알아서 돌고, 옮기고 싶을 때 데이터를 언제든 내려받는다.
무료 SSL과 개인 도메인
무료 SSL은 자동으로 발급되고 갱신된다. 수동 CSR도, 오픈 당일 혼합 콘텐츠 경고도 없다. 도메인 연결은 DNS 레코드 두 개면 되고, 전파가 끝나면 대시보드에서 확인 버튼을 누른다. 도메인이 없으면 editor.do 서브도메인으로 충분하다.
템플릿 라이브러리
1,000개가 넘는 무료 웹사이트 템플릿이 파일 관리 화면 안에 있다. 설치하면 고른 폴더의 내용이 바뀐다. 작업물이 들어 있는 폴더에 넣기 전에 알아둘 규칙이다. 대부분 오픈 소스라서 마크업은 마지막 div까지 고칠 수 있다.
비주얼 빌더
컴포넌트를 조립해 페이지를 만드는 패널이다. 태그를 전부 손으로 쓰지 않아도 된다. 코드 패널을 대신하지 않고 옆에 붙어 있으며, 빌더가 다루지 않는 레이아웃은 소스로 돌아가 짠다. 빠른 뼈대에는 좋고, 특이한 인터랙션에는 약하다.
AI 어시스턴트
Editor.do가 "ChatGPT를 곁에"라고 설명하는 AI 어시스턴트는 코드를 고치고, 채우고, 설명하며, 배우는 중이면 단계별로 이끈다. 문법 오류를 만났을 때 쓸 만하다. 결과는 초안으로 봐야 한다. 붙여 넣은 범위 밖의 프로젝트 사정은 모른다.
장단점
장점
- 편집기, 호스팅, SSL, 백업이 한 계정에 모여 정적 사이트의 준비 작업이 거의 사라진다.
- 체험에 카드가 필요 없고 유료 플랜은 월 4달러부터, 49달러부터 시작하는 평생 라이선스도 있다.
- 템플릿과 GitHub 가져오기가 빈 프로젝트에서 작동하는 페이지까지의 거리를 줄인다.
- 매일 백업과 데이터 내보내기가 있어 이전을 결정해도 발이 묶이지 않는다.
- 브라우저만 있으면 어느 기기에서든 돌아간다. Chromebook과 태블릿도 마찬가지다.
단점
- PHP, Python, 데이터베이스를 지원하지 않아 WordPress, Laravel, 대부분의 백엔드가 빠진다.
- 파일 하나당 업로드 상한이 50 MB라 큰 영상을 직접 두기에는 부족하다.
- 영구 무료 플랜이 없다. 7일이 지나면 결제하거나 프로젝트를 잃는다.
- AI 어시스턴트는 외부 모델에 기대고, 파일 구조와 맞지 않는 코드를 내놓기도 한다.
자주 묻는 질문
브라우저에서 정적 사이트를 쓰고 공개하는 데 쓴다. 브라우저 편집기에서 HTML, CSS, JavaScript를 짜고 자기 도메인이나 editor.do 무료 서브도메인에 올린다. SSL은 이미 처리되어 있다.
관련 콘텐츠
Editor.do와 관련된 도구, 스킬, 아티클을 살펴보세요.
Editor.do 대안
Udon
Udon · 코딩 · 생산성Udon은 Apple Silicon Mac을 Mac 홈서버로 바꾸는 소프트웨어다. 브라우저에서 컨테이너와 파일 공유를 관리하고, 원하면 AI 시스템 관리자까지 붙일 수 있다.
offstage
offstage cloud · 코딩 · 생산성offstage는 AI 에이전트와 CI 작업에 진짜 Mac을 넘긴다. Apple Silicon 위의 새 macOS 27 계정을 API로 다루고 초 단위로 과금한다.
BotBus
Chengdu Tuyang Tusen Technology Co., Ltd. · 코딩 · 생산성BotBus는 AI 코딩 에이전트 원격 제어 앱이다. 스마트폰과 워치에서 명령을 승인하고, 작업을 시작하고, 결과를 확인한다.