기능
디자인은 이동 가능한 파일이에요.
TL;DR. 자동 저장이 백그라운드에서 600ms마다 실행돼요. 전체 프로젝트를 JSON으로 내보내고, 원하면 git으로 버전 관리하거나, 동료에게 메일로 보내거나, 다른 스튜디오 세션에 불러와서 이어서 작업할 수 있어요.
세 가지 저장 방식
localStorage 자동 저장. 에디터가 마지막 편집 후 600ms 뒤에 localStorage에 쓰기를 실행해요. 페이지를 새로고침하거나 다음 날 돌아와도 디자인이 그대로 있어요. 계정이 필요 없어요.
클라우드 저장 (선택 사항). 이메일로 로그인하면 프로젝트가 사용자 ID에 연결된 Supabase 프로젝트로 동기화돼요. 자동 저장 주기는 동일하고, 기기와 브라우저를 넘나들며 하나의 신뢰할 수 있는 소스를 유지해요.
JSON 내보내기. 전체 프로젝트를 일반 JSON 파일로 다운로드해요. 포트폴리오 보관, 협업자와 공유, 또는 브라우저 외부에 깔끔한 백업을 만들 때 유용해요.
파일 구조
JSON 구조는 Project 형태예요: panels(각 레이어 및 선택적 패널별 배경 포함), rowLayers(연결 레이어), global(배경, 언어 목록, 활성 언어, 프로젝트 이름, 자동 저장 설정, 내보내기 형식), panelW / panelH. 업로드된 스크린샷에 대한 인라인 data-URLs 외에 바이너리 데이터는 없어요.
실행 취소와 다시 실행
세션당 메모리에 500단계 기록이 유지돼요. Ctrl/Cmd+Z로 실행 취소, Ctrl/Cmd+Shift+Z로 다시 실행해요. 다른 프로젝트를 불러오면 기록이 초기화되지만 자동 저장 주기 동안은 유지돼요.