예시스크린샷 자리
별똥별 피하기
친구와 주간 랭킹을 겨루는 한 손 아케이드 게임
- 웹게임
예시 카드 (실제 서비스 아님)
바이브코딩으로 만드는 웹서비스
AI 로 만들고, 버튼 한 번에 실서비스로 공개.
만들고 싶은 걸 AI 에게 말하세요. Hangar 가 데이터베이스·로그인·파일·예약 작업을 붙여 비공개 preview 로 먼저 띄웁니다. 확인이 끝나면 콘솔에서 버튼 한 번으로 실서비스에 공개하세요.
카드 등록 없음 · 설정 5분 · 지금은 가입 신청 후 이용
AI 도구 · Hangar 연결됨
친구랑 점수 겨루는 미니 웹게임 만들어 줘. 로그인하면 랭킹에 이름이 올라가게.
게임 프로젝트를 만들고 필요한 기능을 켜고 있어요.
- 랭킹 저장용 데이터베이스
- 이메일 로그인 · 랭킹엔 닉네임 표시
- 게임 화면
preview 에 올렸어요. 친구들과 먼저 해 보고, 괜찮으면 콘솔에서 공개해 주세요.
비공개 previewmy-game-preview.apps.2tl.io
- 콘솔 · 릴리스production 으로 공개공개 버튼은 사람만 누를 수 있어요.
- 실서비스my-game.apps.2tl.io이제 누구나 접속할 수 있어요.
무엇을 만들까요?
하나를 골라 보세요. AI 에게 할 말과, Hangar 가 켜 주는 기능이 바로 보입니다.
웹게임
AI 에게 이렇게 말해 보세요
친구랑 점수 겨루는 미니 웹게임 만들어 줘. 로그인하면 랭킹에 이름이 올라가고, 랭킹은 매주 월요일에 초기화되게.
Hangar 가 켜 주는 기능
- 데이터베이스: 켜짐점수와 주간 랭킹 저장
- 로그인: 켜짐로그인(이메일) · 랭킹엔 닉네임 표시
- 파일 저장소: 필요 없음필요 없음
- 예약 작업: 켜짐매주 월요일 0시 랭킹 초기화
결과 화면 예시
이번 주 랭킹
- 하늘12,480
- 민트초코11,920
- 나9,310
커뮤니티
AI 에게 이렇게 말해 보세요
동네 러닝 모임 게시판 만들어 줘. 회원만 글을 쓰고, 사진도 올릴 수 있게.
Hangar 가 켜 주는 기능
- 데이터베이스: 켜짐글과 댓글 저장
- 로그인: 켜짐회원만 글쓰기
- 파일 저장소: 켜짐사진 첨부
- 예약 작업: 필요 없음필요 없음
결과 화면 예시
러닝 모임 게시판
- 토요일 한강 10km 같이 뛰어요댓글 12
- 새 러닝화 후기 (사진 3장)댓글 5
- 이번 달 기록 공유해요댓글 8
예약
AI 에게 이렇게 말해 보세요
공방 클래스 예약 페이지 만들어 줘. 시간대별로 자리가 차면 마감되고, 지난 예약은 매일 밤 정리되게.
Hangar 가 켜 주는 기능
- 데이터베이스: 켜짐시간대와 예약 저장
- 로그인: 켜짐예약자 로그인
- 파일 저장소: 필요 없음필요 없음
- 예약 작업: 켜짐매일 밤 지난 예약 정리
결과 화면 예시
도자기 클래스 예약
- 10월 11일 (토) 10:002자리 남음
- 10월 11일 (토) 14:00마감
- 10월 12일 (일) 11:004자리 남음
사내 도구
AI 에게 이렇게 말해 보세요
팀 비품 대여 관리 도구 만들어 줘. 대여할 때 사진을 남기고, 매주 금요일에 반납 안 된 걸 모아 보여 줘.
Hangar 가 켜 주는 기능
- 데이터베이스: 켜짐비품과 대여 기록
- 로그인: 켜짐팀원만 접속
- 파일 저장소: 켜짐대여 사진 보관
- 예약 작업: 켜짐매주 금요일 미반납 정리
결과 화면 예시
비품 대여 현황
- 노트북 #12대여 중
- 빔프로젝터반납됨
- 카메라 A대여 중
시작까지 5분
처음 한 번만 설정하면, 그다음부터는 AI 에게 말하는 것으로 충분합니다.
- 01나
워크스페이스 만들기
가입(승인 후)하고 워크스페이스를 만든 뒤 자동화 키를 한 번 발급합니다.
2분 - 02나
AI 도구에 연결
Claude, Cursor 같은 도구에 Hangar 를 등록합니다. 설정 한 줄이면 됩니다.
3분 - 03AI
말로 부탁하기
"친구랑 겨루는 웹게임 만들어서 preview 에 올려 줘." AI 가 만들고, 점검하고, 올립니다.
대화 몇 번 - 04나
확인하고 공개
preview 주소에서 써 보고, 콘솔의 공개 버튼을 누르면 실서비스가 됩니다.
버튼 한 번
AI 는 preview 까지, 공개는 내가.
실수는 비공개 preview 에서 끝나고, 실제 사용자는 내가 확인한 버전만 봅니다. 그래서 AI 에게 마음 놓고 맡길 수 있습니다.
AI 가 하는 일
- MCP·CLI 로 연결된 AI 도구가 프로젝트를 만들고 데이터베이스·로그인·파일·예약 작업을 필요한 만큼 켭니다.
- preview 는 production 과 데이터베이스가 따로라서, 테스트하다 데이터가 꼬여도 실서비스에는 영향이 없습니다.
여기부터는 사람만
내가 하는 일
- 친구나 동료에게 preview 주소를 보내 먼저 써 보게 할 수 있습니다. 고칠 게 있으면 AI 에게 다시 말하면 됩니다.
- AI 가 쓰는 키로는 production 공개가 막혀 있습니다. 실서비스 공개는 콘솔에서 사람이 버튼으로 합니다.
- 공개한 버전에 문제가 있으면 콘솔에서 이전 릴리스로 바로 되돌립니다.
- preview 와 production 데이터 분리
- production 공개는 사람만
- 한 번에 되돌리기
- 자동화 키는 최대 90일
단계를 누르면 자세히 볼 수 있어요.
웹서비스에 필요한 건 이미 들어 있습니다
서버를 따로 만들지 않아도 됩니다. 필요한 기능을 켜기만 하면 됩니다.
사이트 호스팅·CDN
내 사이트 주소가 바로 생기고, 이미지는 CDN 으로 빠르게 전달됩니다.
데이터베이스
프로젝트마다 전용 데이터베이스. 사용자는 자기 데이터만 봅니다.
회원가입·로그인
이메일 가입, 확인 메일, 비밀번호 재설정이 준비돼 있습니다.
파일 저장소
프로필 사진·첨부 파일을 올리고 공개 여부를 정합니다.
예약 작업
"매주 월요일 랭킹 초기화" 같은 작업을 한국 시간으로 돌립니다.
AI 연결
MCP 와 CLI 로 AI 도구가 직접 만들고 preview 에 올립니다.
준비 중: 앱스토어 배포 · 호스팅 빌드
Hangar 로 만든 앱
실제 사례로 곧 채워집니다. 지금은 이런 걸 만들 수 있다는 예시예요.
- 예시스크린샷 자리
동네 러닝 크루
회원만 글을 쓰고 사진을 올리는 러닝 모임 게시판
- 커뮤니티
예시 카드 (실제 서비스 아님) - 예시스크린샷 자리
공방 클래스 예약
자리가 차면 마감되는 시간대별 클래스 예약
- 예약
예시 카드 (실제 서비스 아님)
혼자 시작해서, 팀으로 키우세요
무료로 시작합니다. 유료 플랜은 결제 준비 중이라 지금은 사전 신청만 받습니다.
무료
0원/월
첫 앱을 만들어 실서비스로 공개해 보기에 충분합니다.
- 프로젝트
- 3
- 내 도메인
- 없음
- 멤버
- 1
- preview + production
- 이름.apps.2tl.io 주소
- 에셋 500 MB · DB 100 MB
- 예약 작업 하루 30분
스타터
9,900원/월
내 도메인 하나로 서비스를 시작합니다.
- 프로젝트
- 10
- 내 도메인
- 2
- 멤버
- 1
- 내 도메인으로 공개
- DB 1 GB · 파일 10 GB
- 예약 작업 하루 4시간
- 월 전송량 100 GB
프로
추천29,000원/월
혼자서 여러 서비스를 운영합니다.
- 프로젝트
- 30
- 내 도메인
- 5
- 멤버
- 1
- 전용 CDN 저장소
- DB 8 GB · 파일 80 GB
- 예약 작업 하루 24시간
- 월 전송량 300 GB
자주 묻는 질문
문서 보기 (새 창)- 코딩을 전혀 몰라도 되나요?
- 네. AI 도구에 Hangar 를 연결하고 원하는 것을 말로 설명하면 됩니다. 확인과 공개만 직접 합니다.
- AI 가 마음대로 공개하지 않나요?
- 아니요. AI 가 쓰는 키로는 production 을 공개할 수 없습니다. 공개는 콘솔에서 사람이 합니다.
- 어떤 걸 만들 수 있나요?
- 웹게임, 커뮤니티, 예약 페이지, 사내 도구처럼 브라우저에서 쓰는 웹서비스입니다. 앱스토어 배포는 준비 중입니다.
- 내 도메인을 연결할 수 있나요?
- 유료 플랜에서 연결할 수 있고, 플랜마다 연결할 수 있는 개수가 다릅니다. 무료 플랜은 이름.apps.2tl.io 주소를 씁니다.
- 여럿이 같이 쓸 수 있나요?
- 팀 플랜에서 함께 작업하고 권한을 나눌 수 있습니다. 무료·스타터·프로는 혼자 쓰도록 설계한 플랜입니다(멤버 한도는 집계가 준비되는 대로 적용).
- 유료 플랜은 언제 나오나요?
- 결제를 준비하고 있습니다. 사전 신청하시면 열릴 때 먼저 알려 드립니다.