시작하기
앱 가져오기
이미 가지고 있는 앱을 가져오세요. GitHub 저장소, ZIP, Lovable, Bolt, v0, Base44, Figma 프레임, Canva 디자인, 스프레드시트에서 가져올 수 있어요. 비용과, 다시 만들어지는 것과 그렇지 않은 것을 알려 드려요.
처음부터 시작하지 않아도 돼요. 앱이 이미 다른 곳에 있다면 Setherion이 그 앱을 읽어서 여기서 다시 만들어 줘요. 그다음부터는 평범한 Setherion 앱이 되어, 요청만 하면 바꿀 수 있어요.
가져오는 방법은 다섯 가지예요. 어떤 방법이 맞는지는 가지고 있는 것에 따라 달라요.
| 가지고 있는 것 | 사용할 것 | 얻는 것 |
|---|---|---|
| GitHub에 있는 앱, 또는 Lovable, Bolt, v0, Base44에서 만든 앱 | Import an app | 여기서 다시 만든 앱: 같은 페이지, 글, 디자인, 데이터 구조 |
| .zip 파일로 된 코드 | Import an app | 위와 같아요 |
| Figma 디자인 | Import from Figma | 다음에 만들거나 수정할 때 기준이 되는 프레임 |
| Canva 디자인 | Import from Canva | 디자인의 페이지를 앱에 넣을 수 있는 이미지로 가져온 것 |
| 스프레드시트 또는 카탈로그 | Import an app, 또는 앱 안의 Import a catalogue | 내 행을 중심으로 만든 앱, 또는 이미 있는 앱에 추가된 내 행 |
Import an app
코드를 가져오는 입구예요. 대시보드의 세 곳에 있어요. 입력창 옆의 + 메뉴에 있는 Import an app, 왼쪽 열의 Import, 그리고 커맨드 팔레트(Ctrl K)의 Import an app이에요.
가져올 곳 고르기
창에서 GitHub, ZIP file, Lovable, Bolt, v0 or Vercel, Base44, Spreadsheet 중에서 고를 수 있어요. 빌더 카드는 해당 빌더에서 코드를 꺼내는 방법을 안내해 줘요. GitHub 카드와 ZIP 카드는 어디서 온 코드에든 쓸 수 있어요.
코드 전달하기
.zip 파일을 끌어다 놓거나, GitHub 저장소를 알려 주세요. 모든 카드에 ZIP upload와 GitHub 두 탭이 있어요. Lovable과 Base44는 GitHub 탭이, Bolt와 v0는 ZIP 탭이 먼저 열려요.
다시 만들기
이름을 확인하고, 읽을 파일이 몇 개인지와 앱 비용이 얼마인지 살펴본 다음 Rebuild in Setherion을 누르세요. Setherion이 코드를 읽는데, 보통 1분에서 2분 정도 걸려요. 창은 열어 두세요. 읽기가 끝나면 빌드가 저절로 시작되고, 앱이 에디터에서 열려요.
GitHub에서
https://github.com/owner/name 같은 저장소 주소나 owner/name만 붙여 넣고 Import를 누르세요. 공개 저장소라면 다른 건 필요 없어요.
비공개 저장소라면 같은 창의 Connect GitHub 버튼을 누르세요. GitHub에 한 번만 로그인하면, 내 저장소를 검색해서 하나를 고를 수 있어요. 비공개 저장소에는 Private 표시가 붙어요. GitHub 내보내기에서 쓰는 연결과 같은 GitHub 연결이에요. 목록에는 가장 최근에 푸시한 저장소 100개가 나와요. 그 밖의 저장소도 주소를 붙여 넣으면 가져올 수 있어요.
읽는 것은 기본 브랜치예요. 60 MB보다 큰 저장소는 받아들이지 않아요. 이미지와 동영상을 뺀 ZIP으로 내려받아서 그 파일을 가져오세요.
ZIP에서
.zip 파일을 창에 끌어다 놓거나 파일을 선택하세요. ZIP은 브라우저에서 열리고, 코드만 전송돼요. 80 MB가 넘는 ZIP은 받아들이지 않으니, 이미지와 동영상은 빼 주세요.
Lovable, Bolt, v0, Base44에서
이 빌더들은 데이터나 서버 로직처럼 앱을 움직이게 하는 요소 일부를 코드 바깥에 두고 있어요. 그래서 창에 export prompt가 나와요. 이 프롬프트는 그 빌더의 AI에게 SETHERION_EXPORT.md 파일 하나를 추가해 달라고 요청해요. 이 파일에는 앱의 페이지, 데이터, 서버 로직, 계정에 대한 설명과, 테이블마다 지어낸 예시 레코드 몇 개가 들어가요. 키나 비밀번호는 절대 쓰지 말라고 미리 지시해 둬요.
export prompt 복사하기
Copy export prompt를 누르세요. 먼저 읽어 보고 싶다면 Show it을 누르세요.
빌더의 채팅에 붙여 넣기
그러면 프로젝트에 그 파일이 추가돼요.
코드 꺼내기
Lovable: Lovable에서 프로젝트를 GitHub에 연결하거나 ZIP으로 내려받으세요. Bolt: ZIP을 내려받거나 GitHub에 푸시하세요. v0: ZIP을 내려받거나, Vercel 프로젝트가 게시되는 저장소를 사용하세요. Base44: Base44 요금제에 코드 내보내기가 포함되어 있다면 GitHub에 보내거나 ZIP으로 내려받으세요.
여기서 가져오기
Setherion이 SETHERION_EXPORT.md 파일을 먼저 읽어요. 파일이 없으면 창에 그렇게 알려 주고, 앱은 코드만으로 다시 만들어요.
읽어 오는 것
Setherion은 프로젝트의 텍스트 파일을 읽어요. 코드, 스타일, HTML, SQL, Markdown 같은 파일이에요. 시크릿 파일, 설치된 패키지, 빌드 폴더, 테스트, 락 파일, 이미지, 글꼴은 읽지 않아요. 그래도 코드에 키가 나타나면, 모델이 무언가를 읽기 전에 지워져요.
아주 큰 프로젝트는 페이지와 데이터처럼 내용을 가장 잘 보여 주는 파일부터 읽어요. 창에는 읽을 파일이 몇 개인지, 공간이 부족해서 빠진 파일이 몇 개인지 표시돼요.
웹 앱이라면 무엇이든 돼요. React, Next.js, Vue, 또는 순수 HTML이에요.
다시 만들어지는 것과 그렇지 않은 것
이것은 코드를 복사하는 것이 아니라 다시 만드는 거예요. 모델이 프로젝트를 읽고 그 앱이 하는 일을 쉬운 말로 적은 다음, 그 설명으로 앱을 만들어요. 코드 자체는 절대 복사되지 않아요.
| 넘어오는 것 | 넘어오지 않는 것 |
|---|---|
| 페이지와 그 안의 글, 원래 언어 그대로 | 코드 자체, 한 줄 한 줄 그대로 |
| 디자인과 색상 | 예전 백엔드, 그리고 모든 키와 시크릿 |
| 폼과 앱이 동작하는 방식 | 데이터베이스에 있던 레코드 |
| 데이터의 구조 | 프로젝트 안에 저장된 이미지 |
| 웹 주소가 있는 이미지 | 서버 함수와 결제, 원래 그대로의 모습 |
서버 함수와 결제는 Setherion만의 방식으로 설명되고 다시 만들어지므로, 나중에 몇 가지를 고쳐야 할 수 있어요. 계정은 옮겨지는 것이 아니라 Setherion 백엔드의 로그인으로 다시 만들어져요. 프로젝트 안에 저장된 이미지는, 바꿀 수 있는 어울리는 사진으로 교체돼요.
데이터가 Supabase, Base44, Firebase, Prisma에 있었다면 구조는 넘어오지만 그 안의 레코드는 넘어오지 않아요. 레코드를 가져오려면 아래의 스프레드시트 가져오기를 보세요.
비용
가져오기 비용은 새 앱 비용에 코드를 읽는 비용을 더한 금액이에요. 새 앱 가격에 약 40%가 더 붙는 셈이에요. 가격은 버튼을 누르기 전에 버튼에 표시되고, 누르기 전에는 아무것도 쓰이지 않아요. Build 메뉴에서 무엇을 골랐든 새 앱은 표준 Seth 모드로 만들어져요.
첫 가져오기는 무료예요. 계정당 한 번, 빌드 비용은 저희가 부담하니 아무것도 내지 않아도 돼요. 요금제가 기본으로 쓰는 모델보다 비싼 모델을 골랐다면, 빌드가 실행될 때 그 차액을 내요. 첫 가져오기가 실패해도 무료 혜택은 그대로 남아 있어요.
유료 가져오기에서 읽기에 실패하면 그 몫의 크레딧은 돌아와요. 크레딧이 부족하면 버튼에 그렇게 표시되고, 아무것도 청구되지 않아요. 요금제와 크레딧을 보세요.
가져오기는 Free 요금제를 포함해 모든 요금제에서 쓸 수 있어요. 첫 가져오기가 무료인 것은 코드 가져오기에만 해당해요. 아래의 스프레드시트 카드는 읽기 비용 없이 새 앱 가격으로 책정되며, 무료 첫 가져오기에 포함되지 않아요.
Import from Figma
Figma는 앱 가져오기가 아니에요. 새 앱이나 이미 있는 앱의 수정을 위해, 빌더에게 모양을 따라 할 프레임을 건네는 기능이에요. + 메뉴에 있어요. 대시보드에서는 Import from Figma 항목이에요. Canva도 쓸 수 있으면 Import a design 안에 있어요. 에디터에서는 Design, 그다음 Import from Figma를 고르세요.
Figma 연결하기
처음에는 Connect to Figma를 누르세요. 읽기 전용 권한만 요청하니, Setherion이 내 파일을 바꾸는 일은 절대 없어요.
프레임 링크 복사하기
Figma에서 원하는 프레임을 오른쪽 클릭하고 Copy link to selection을 고르세요. 필요한 것은 figma.com/design/KEY?node-id=1-234 같은 링크예요. 파일 목록의 주소가 아니에요.
붙여 넣고 Import frame 누르기
프레임이 그려지고, 프레임의 색상, 글꼴, 모서리 크기를 파일에서 읽어 와요. 프레임은 첨부 파일로 입력창에 들어가고, 다음 요청은 그 프레임에 맞춰 만들어져요.
프레임을 가져오는 데는 크레딧이 들지 않아요. 그 프레임을 사용하는 빌드나 수정에는 평소처럼 크레딧이 들어요.
Figma에 필요한 조건
- Figma의 Editor seat. Figma는 View와 Collaborator 계정에는 API를 막아 두어서, 브라우저에서 읽을 수 있는 파일도 여기서는 거부될 수 있어요.
- Design 파일. FigJam 보드와 Slides는 가져올 수 없어요.
- 연결한 계정이 열 수 있는 파일. 다른 사람의 팀에 있는 파일이나, 내 초안에 복제하지 않고 Community에서 바로 연 파일은 열리지 않아요.
가져오기가 실패하면 창이 이 목록을 저절로 열어 줘요.
Import from Canva
Canva 디자인은 다시 만들 레이아웃이 아니라 이미지로 들어와요. Canva에서 디자인을 열고, 브라우저의 주소(주소에 /design/ 부분이 있어요)를 복사해서 Import from Canva에 붙여 넣으세요. 처음 세 페이지가 이미지로 입력창에 들어와서, 앱에 배치할 준비가 돼요. 디자인은 내 것이거나 나와 공유된 것이어야 하고, 짧은 canva.link 주소는 받아들이지 않아요. 긴 주소를 쓰세요. 처음에는 Connect to Canva를 요청받는데, Canva에서는 아무것도 바뀌지 않아요.
가져오는 데는 크레딧이 들지 않아요. 이미지를 사용하는 빌드에는 평소처럼 크레딧이 들어요.
Import from Canva는 Canva를 쓸 수 있는 계정에서만 메뉴에 표시돼요.
스프레드시트에서
스프레드시트 가져오기는 서로 다른 두 가지 용도로 두 종류가 있어요.
스프레드시트를 중심으로 만드는 새 앱
Import an app에서 Spreadsheet를 고르고 Excel(.xlsx) 또는 CSV 파일을 주세요. Google 스프레드시트는 먼저 파일, 다운로드 순서로 눌러 저장하세요. 오래된 .xls 파일과 .ods, .numbers 파일은 .xlsx나 .csv로 다시 저장해야 해요. 30 MB가 넘는 파일은 받아들이지 않아요.
파일은 브라우저에서 읽어요. 그다음 열이 표시되고, 각 열에는 텍스트, 숫자, 날짜, 이메일, 이미지처럼 담긴 내용의 종류와 처음 5개 행이 나와요. 앱에 넣지 않을 열은 체크를 해제하고, 원한다면 앱의 용도를 적은 다음 Build the app을 누르세요. 스프레드시트를 읽는 데는 크레딧이 들지 않고, 버튼에는 새 앱의 가격이 표시돼요.
얻는 것은 내 행을 중심으로 만든 앱이에요. 검색, 행마다 하나씩 있는 페이지, 추가와 수정을 위한 폼이 들어 있어요. 행은 코드가 만들어진 다음 있는 그대로 복사되어 들어가므로, 맨 처음 미리보기부터 내 데이터가 보이고 AI가 다시 입력하는 일도 없어요. AI가 보는 것은 열 이름과 처음 5개 행뿐이에요.
행은 최대 300개까지 복사돼요. 파일에 그보다 많은 행이 있으면, 앱이 몇 개 행으로 시작하는지 창에 표시되고, 나머지는 앱이 만들어진 뒤 아래의 Import a catalogue로 추가할 수 있어요.
열이 이메일, 전화번호, 급여처럼 개인 정보로 보이면, 게시된 앱을 여는 사람은 누구나 그 내용을 읽을 수 있다는 경고가 창에 나와요. 앱에 필요하지 않다면 체크를 해제하세요.
시트가 여러 개인 통합 문서는 어느 시트를 쓸지 물어봐요. 시트 하나가 목록 하나가 돼요. 셀 색상과 서식은 넘어오지 않고, 수식의 값은 넘어와요.
이미 있는 앱에 행 추가하기 (Import a catalogue)
앱을 열고, Manage, Database 순서로 연 다음 Import a catalogue를 고르세요. Excel, Sheets, Shopify에서 만든 CSV 또는 Excel(.xlsx) 파일을 주세요. 파일은 브라우저에서 읽고 업로드되지 않으므로 크기는 상관없고, 크레딧도 들지 않아요.
행이 들어갈 목록이 앱에 있어야 해요. 예를 들면 상품 목록이에요. 목록이 없다면 먼저 채팅으로 만들어 달라고 요청하세요. Setherion이 열을 목록의 항목에 이름으로 맞춰 주고, 맞춘 결과는 하나씩 바꿀 수 있어요. 옵션이 있는 Shopify 파일은 상품당 한 행으로 합쳐져요.
그다음 행을 어디에 넣을지 골라요.
- In the app은 바로 끝나요. 행 약 1,000개까지에 알맞아요. 그보다 많으면 사이트가 느리게 열리고 저장이 멈추므로, 앱을 너무 무겁게 만드는 가져오기는 받아들이지 않아요.
- In the database는 업로드에 잠깐 시간이 걸리지만 카탈로그 전체를 다룰 수 있어요. 앱은 한 번에 한 페이지씩 읽어요. 800행이 넘는 파일에서는 이것이 기본으로 제안돼요. 목록이 이미 데이터베이스에서 읽고 있다면 이것만 고를 수 있어요.
Free 요금제의 데이터베이스는 앱 하나에 최대 10,000행까지 담을 수 있어요. 유료 요금제는 최대 500,000행까지예요. Cloud를 보세요.
가져오기에 실패하면
창에 이유가 쉬운 말로 나와요. 가장 자주 만나게 되는 경우는 다음과 같아요.
- “We could not find owner/name.” 비공개 저장소라면 먼저 Connect GitHub 버튼을 누르세요. 이미 연결했다면, 연결한 계정에 그 저장소를 읽을 권한이 없을 수 있어요.
- 저장소나 ZIP이 너무 클 때. ZIP에서 이미지와 동영상을 빼 주세요.
- “There is no code in this ZIP that we can read.” 안에 있는 파일이 텍스트 코드가 아니거나, 전부
node_modules처럼 읽지 않는 폴더에 들어 있어요. - Figma 프레임이 거부될 때. 창에서 “What Figma requires”를 여세요. 너무 크게 그려지는 프레임은 페이지 전체보다 화면 하나로 만들 때 더 잘 돼요.
- “This import costs N credits and you have M.” 크레딧을 사거나 월간 제공량을 기다리세요. 요금제와 크레딧을 보세요.
이 페이지가 도움이 됐나요?
