빠른 시작

이 페이지는 Setherion의 전 과정을 한 번에 보여 줘요. 앱을 설명하면 앱이 만들어지고, 원하는 부분을 바꾸고, 게시해요. 약 5분 걸리고, 여기서 쓰는 예시는 커피숍의 랜딩 페이지예요.

계정이 필요해요. 계정은 무료로 만들 수 있고 카드도 필요 없어요.

1. 원하는 것 설명하기

대시보드를 열고 생각하고 있는 것을 쓰세요. 처음에는 분명한 문장 하나면 충분해요.

사람에게 말하듯이 쓰세요. 그것이 무엇이고 누구를 위한 것인지 말하고, 꼭 있어야 하는 것이 있으면 적으세요. “메뉴와 영업시간이 있는 커피숍 랜딩 페이지”라고 하면 세 가지가 모두 들어 있어요.

입력 상자 주변에는 알아 둘 만한 것이 네 가지 있지만, 첫 앱에서는 모두 무시해도 돼요.

2. 스타일 고르기

무엇이든 만들기 전에 Setherion은 무엇을 만들려는지 한두 문장으로 답하고, 그 스타일로 만들면 어떻게 보일지 첫 화면 그림으로 보여 줘요. 이 그림이 곧 질문이에요. Build this one은 그 스타일로 만들기를 시작하고, See two more는 비교할 수 있게 다른 스타일 두 개를 그려요. Power Seth나 Max Seth에서는 세 개가 한꺼번에 그려져요.

고른 스타일로 만들어져요.

3. 만들어지는 과정 지켜보기

Setherion은 요청을 읽고, 부분을 계획하고, 색상을 고르고, 파일을 쓰고, 그다음 자기 작업을 다시 읽어요. 무엇이든 보여 주기 전에 화면에 드러나지 않게 앱을 열어서 실행되는지 확인하고, 상태 줄에 Testing the app이라고 표시돼요. 거기서 무언가 고장 나면 먼저 고쳐져요. 비용은 들지 않아요.

각 단계에는 한 줄이 생겨요. 무엇을 하고 있는지, 무엇을 결정했는지, 얼마나 걸렸는지가 나와요. 단계 아래의 Thoughts를 열면 그 뒤에 있는 생각을 볼 수 있고, hide steps는 모두 접어요. 코드가 쓰이는 동안에는 도착하는 파일마다 이름이 나오고 무슨 용도인지 한 줄이 붙으며, 마지막 줄에는 파일과 줄 수가 나와요.

그 내용을 읽을 필요는 없어요. 숨기는 것이 하나도 없게 하려고, 그리고 나중에 어디를 가리킬지 알 수 있게 하려고 있는 거예요.

4. 앱이 완성됐어요

단계는 파일 수와 함께 Built your app이라는 한 줄로 접혀요. 마지막 메시지 아래에는 방금 만든 버전의 카드가 있어요. 언제 만들었는지, 이름, 사용한 사진, 그리고 버튼 세 개가 나와요. Preview로 보고, View files로 코드를 읽고, Publish this version으로 온라인에 올리세요. 게시는 무료이고 몇 초면 끝나니, 일찍 자주 해도 아무 문제가 없어요.

이후에 하는 모든 변경에는 Preview와 View files가 있는 자기만의 카드가 생겨요. Publish this version은 가장 최근 카드에만 있어요. 게시는 언제나 지금의 앱을 온라인에 올리기 때문이에요. 이전 버전은 에디터 맨 위의 History에서 기다려요.

카드 아래의 I looked it over는 Setherion이 앱을 넘겨 주기 전에 본 모습 그대로, 페이지별로 보여 줘요. Expand로 한 페이지를 통째로 볼 수 있어요. 그림 아래에는 앱에 만들어 넣은 것의 목록이 있어요.

5. 살펴보기

대화는 왼쪽에 있고 앱이 오른쪽을 채워요. 미리보기 맨 위에는 이런 것들이 있어요.

• Preview, 코드, 그리고 Manage를 여는 층 모양 아이콘이 있어요. 앱, 앱이 쓰인 방식, 그리고 그 주변의 모든 것이에요. 미리보기와 코드를 참고하세요.
• Edit 기능으로 미리보기에서 단어를 클릭해 다시 쓸 수 있어요. Theme 기능은 앱 전체의 색상과 글꼴을 바꿔요.
• 가운데 상자는 지금 보고 있는 섹션의 이름을 보여 주고, 다른 섹션으로 이동할 수 있게 해요.
• 화면 아이콘은 앱을 휴대폰, 태블릿, 데스크톱 크기로 보여 줘요. 모든 앱은 세 가지 모두에서 동작하도록 만들어져요.

6. 요청으로 수정하기

대화 맨 아래의 상자에 바꾸고 싶은 것을 쓰세요. 앱을 설명했을 때와 같은 방식이에요.

Make the header dark and add a Reserve a table button

그 상자에는 세 가지 모드가 있고, Build 버튼 뒤에 있어요(버튼에는 현재 에이전트 모드의 이름이 붙어요. 예를 들면 Power Seth예요). Build는 변경을 만들어요. Chat은 앱에 대해 이야기만 하고 코드는 절대 건드리지 않아요. “이 페이지에 무엇을 추가하면 좋을까요?”처럼 앱에 아무 일도 일어나지 않게 물어보고 싶을 때 쓰세요. Plan은 더 큰 변경을 위해 먼저 질문을 해요.

Build 버튼 옆의 마이크를 쓰면 요청을 입력하는 대신 말로 할 수 있어요. 왼쪽 위의 큐브는 Connectors를 열어서, 작업 중인 앱을 떠나지 않고 결제나 이메일 같은 서비스를 연결하게 해 줘요. 둘 다 Build, Chat, Plan에서 다뤄요.

7. 온라인에 게시하기

오른쪽 위의 Publish를 누르고 Publish to web을 선택하세요.

Setherion이 앱 이름으로 만든 주소를 제안해요. 다른 사람이 쓰고 있지 않다면 원하는 대로 바꿀 수 있어요.

Continue를 누르면 몇 초 만에 올라가요.

그 주소는 보내 주는 누구에게나 동작하고, 계속 유지돼요. 다시 게시하면 온라인에 있는 것이 지금의 것으로 바뀌고, 게시하지 않은 것은 나 말고는 아무에게도 보이지 않아요.

같은 메뉴에는 Setherion을 벗어나는 다른 두 가지 방법이 있어요. Publish to app stores는 앱을 App Store와 Google Play에 올릴 수 있는 앱으로 바꾸는 과정을 안내하고, 먼저 각 스토어가 요구하는 것에 맞는지 확인해요. 앱 스토어에 게시하기를 참고하세요. Export to GitHub과 Export to GitLab은 유료 요금제에서 코드를 내 저장소에 넣어요.

다음에 할 일

빌드가 끝나면 Setherion이 다음에 할 만한 일을 제안해요. 추가할 기능, 다듬을 것, 그리고 온라인에 올리기예요.

이것들은 단계가 아니라 제안이에요. 기능이나 Polish 아래의 항목 하나를 누르면, 그것이 다음 요청으로 입력 상자에 들어가서 보내기 전에 고칠 수 있어요. Go live 아래의 항목은 코드가 필요 없어요. Publish나 Analytics처럼 그 일을 하는 화면을 열어 줘요.