모바일 앱

모바일 앱은 휴대폰을 먼저 생각해서 만들어요. 아래쪽의 탭 바, 휴대폰 화면을 가득 채우는 화면, 엄지손가락이 닿는 버튼이 있어요. 사람들은 브라우저에서 바로 홈 화면에 추가할 수 있고, Google Play와 App Store에도 올릴 수 있어요.

언제 선택하나요

대시보드의 입력창 위에 있는 휴대폰 아이콘, Mobile App을 선택하거나, 요청에 “모바일 앱”이라고 쓰세요.

Setherion이 만드는 모든 앱은 휴대폰에서 작동해요. Mobile App은 휴대폰에 맞춘 웹사이트가 아니라, 휴대폰 앱처럼 느껴져야 하는 앱을 위한 거예요.

요청하지 않아도 받는 것

• 아래쪽의 탭 바가 있어요. 탭은 세 개에서 다섯 개이고 각각 아이콘과 짧은 이름이 있으며, 모든 화면 위에는 제목이 있는 바가 있어요.
• 앱 자체가 먼저예요. 첫 번째 탭에서 열리고 샘플 콘텐츠가 이미 들어 있어요. 환영 페이지나 로그인 화면으로 열리는 일은 없어요.
• 주요 동작이 한 번의 탭 거리에 있어요. 별도의 탭이나 둥근 + 버튼에 있어요.
• 엄지손가락에 맞춰 만든 구성: 큰 버튼, 카드와 목록, 아래에서 올라오는 패널이 있어요.
• 노치와 홈 바를 위한 여백이 있어서, iPhone에서 어떤 것도 그 뒤에 숨지 않아요.
• Profile 탭. 앱이 데이터를 저장할 때는 사람들이 거기서 Google이나 이메일과 비밀번호로 실제로 로그인하고, 추가한 내용은 Setherion의 데이터베이스에 저장돼요.

컴퓨터에서는 앱이 휴대폰 너비의 열 안에 표시되어서, 휴대폰에서 보일 모습 그대로 볼 수 있어요.

이렇게 요청하세요

원하는 탭의 이름이나 사람들이 앱에서 하는 일, 그리고 가장 자주 하는 한 가지를 쓰세요.

A mobile app for a gym: today's classes, booking a place,
my bookings, and a profile with the membership

A mobile app to track expenses: add an expense in two taps,
categories, a monthly chart and a budget for each category

A mobile app for a bakery: the menu with photos, ordering
for pickup, and a loyalty card that counts the coffees

A mobile app for dog walkers: the day's walks in a list, each dog
with its owner's phone and notes, and a button to check in

Mobile App을 선택하고 입력창을 비워 두면 그 아래에 아이디어가 나타나요. 하나를 누르면 바꿀 수 있는 상태로 입력창에 들어가고, 옆의 화살표인 Other ideas를 누르면 더 많이 보여요.

내 휴대폰에서

• 만드는 동안에는 미리보기 위의 화면 아이콘이 앱을 휴대폰 크기로 보여 줘요. 빌드할 때마다, 수정할 때마다 앱은 휴대폰 너비에서도 측정되고, 튀어나온 것이 있으면 바에 Wider than a phone screen이라는 문구와 Fix with AI가 나타나요.
• 내 휴대폰에서는 앱을 게시하고 그 주소를 여세요. Chrome은 Install app을 보여 주고, iPhone의 Safari는 Add to Home Screen을 보여 줘요. 그러면 전체 화면으로, 자기만의 아이콘과 함께 설치한 앱처럼 열려요.
• 스토어에서는 Google Play와 App Store에서 사람들이 내려받는 휴대폰 앱으로 올라가요. 앱 스토어에 게시하기를 참고하세요.

나만의 앱으로 만들기

알아 두면 좋은 것

• 여기서 만든 모바일 앱은 휴대폰 앱 모양으로 브라우저에서 실행돼요. 스토어용으로는 그것을 하나의 앱으로 감싸거나, 완전한 휴대폰 프로젝트로 바꿔요. 두 가지 방법은 앱 스토어에 게시하기에서 설명해요.
• 광고와 인앱 결제는 게임용으로 만들어져 있어요. 게임을 참고하세요. 게임이 아닌 휴대폰 앱은 대신 Stripe로 결제를 받아요.
• 휴대폰 앱 안에서는 이메일과 비밀번호로 로그인해요. Google 버튼과 이메일로 보내는 로그인 링크는 거기서는 숨겨져요.
• Apple은 사람들이 회원가입할 수 있는 앱을, 계정도 삭제할 수 있을 때만 승인해요. “Profile 탭에 Delete account 버튼을 넣어 주세요”라고 요청하세요.
• Power Seth에서는 요청하지 않아도 모바일 앱에 저장되는 설정 화면, 목록의 검색과 필터, 모든 화면의 빈 상태, 로딩 상태, 오류 상태가 들어가요. 빌드 모드를 참고하세요.