SetherionAI 앱 빌더
시작하기

코드와 내보내기

코드는 내 것. 언제든 가져가세요.

모든 앱은 진짜 React 코드이고, 언제든 가져갈 수 있어요. 열어 볼 필요는 전혀 없어요. 무언가가 어떻게 만들어졌는지 보거나, 가리켜서 알려 주거나, 직접 바꾸고 싶을 때를 위해 있는 거예요.

The Code view: the Explorer on the left with Search code, Open editors, the files in components and lib, and the app's images, and on the right App.js open, with Copy code and Reference file above it and Auto-save on in the bar below
The Code view: the Explorer on the left and a file open on the right.

코드로 할 수 있는 것.

  • 전부 읽어 봐요

    모든 앱은 진짜 React 코드예요. 에디터 위쪽 Preview 옆의 Code를 누르면 전부 볼 수 있어요.

  • 채팅에 파일을 가리켜요

    코드 위에 있는 Reference file을 누르면, 파일 전체가 채팅의 다음 메시지에 첨부돼요.

  • 요소가 있는 줄을 찾아요

    이 기능을 켜면 미리보기에서 클릭해도 앱이 원래 하던 동작은 하지 않아요. 대신 그 요소를 만드는 파일이 해당 줄에서 열려요.

  • 직접 손으로 고쳐요

    유료 요금제에서는 코드를 직접 바꿀 수 있어요. 코드에 입력하고 하단 바에서 Auto-save를 켜 두면, 입력하는 대로 저장돼요. 미리보기도 따라서 바뀌어요.

  • 모든 버전을 보관해요

    앱을 바꿀 때마다 하나의 버전으로 보관되고, 이름은 무엇을 했는지로 붙어요. 요청한 것은 하나도 사라지지 않아요. 바꾼 결과가 더 나빠졌다면 그 전 버전으로 돌아갈 수 있어요.

  • 정적 파일, 어떤 호스트에서든

    npm run build 명령을 실행하면 완성된 사이트가 dist라는 폴더에 만들어져요. 정적 파일이라서 어떤 정적 호스트에서든 제공할 수 있어요.

내 GitHub 계정으로 보내요.

언제든 다시 내보내서 저장소를 업데이트할 수 있어요. 내보낼 때마다 기존 기록 위에, 기본 브랜치에 “Update from Setherion”이라는 커밋이 하나 추가되고, 프로젝트의 모든 파일이 다시 기록돼요.

문서에서 GitHub 내보내기 보기

코드를 꺼내는 세 가지 방법.

  1. 1

    Download ZIP

    프로젝트를 .zip 파일로

  2. 2

    Export to GitHub

    내 GitHub 계정의 저장소 하나

  3. 3

    Export to GitLab

    내 GitLab.com 계정의 저장소 하나

가져가는 것과 남는 것.

  • 유료 요금제에서

    코드 내보내기는 Pro와 Business, 모든 유료 요금제에 포함돼요.

  • 내 데이터는 모든 요금제에서

    데이터는 달라요: 모든 요금제에서 내보낼 수 있어요

  • 아직 Setherion에 의존하는 것

    내보낸 코드는 게시된 앱이 실행하는 코드와 같아요. 그래서 서버가 필요한 모든 부분은 여전히 Setherion에 연결돼요.

앱을 설명하세요. 코드는 가져가세요.