본문으로 건너뛰기
runlot
무료로 시작하세요
Runlot Studio

만들고 싶은 웹앱을
설명해 주세요.

Studio가 코드를 작성하면 미리보기에서 결과를 확인하고 수정할 내용을 요청하세요. 완성한 앱은 runlot에 배포할 수 있습니다.

macOS용 다운로드웹에서 열기

Intel Mac용 다운로드

macOS · Apple silicon 또는 Intel

cafe-order · mainRunlot Studio

카페 주문 화면을 만들어 주세요. 메뉴는 데이터베이스에 저장하고 싶어요.

  • 읽기 src/App.tsx
  • 작성 src/order/MenuList.tsx
  • 실행 migrate — menu·order 테이블 생성
  • 확인 미리보기 실행
미리보기live
Claude · 내 구독크레딧 차감 없음백그라운드 실행 중
사용 방법

앱 만들기부터 배포까지

코드와 미리보기를 같은 화면에서 확인합니다. 미리보기는 웹에서는 브라우저 안에서, 데스크톱에서는 내 컴퓨터에서 실행됩니다.

  1. 01

    만들 앱 설명하기

    홈 화면에 만들고 싶은 앱을 입력하면 Studio가 이름을 정하고 프로젝트를 만들어 코드 작성을 시작합니다. 별도의 설정 양식을 채울 필요는 없습니다.

  2. 02

    미리보기로 확인하기

    코드가 바뀌면 미리보기에 반영됩니다. 페이지 전체를 새로고침할 필요 없이 결과를 보며 수정을 요청할 수 있습니다.

  3. 03

    runlot에 배포하기

    공개하기를 누르면 빌드와 프리뷰 배포를 거쳐 점검 후 운영 환경에 배포합니다. 점검에는 운영 데이터베이스에서 분기한 별도 데이터베이스를 사용합니다.

포함된 기능

데이터베이스와 로그인도 함께 제공합니다

앱은 runlot 프로젝트로 배포됩니다. 데이터베이스, 로그인, 파일 저장소를 별도의 서비스로 연결할 필요가 없습니다.

문서 보기

PostgreSQL

프로젝트마다 독립된 PostgreSQL 호환 데이터베이스를 제공합니다.

로그인

env.auth로 이메일·GitHub·Google 로그인을 구현합니다.

파일 저장소

env.storage로 파일을 업로드하고 공개할 수 있습니다.

메일

앱의 이메일 주소로 메일을 보내고 받은 메일은 앱에서 처리합니다.

Git 저장소

작업 요청마다 변경 사항이 프로젝트의 Git 저장소에 커밋됩니다.

도메인

내 도메인을 연결하면 SSL 인증서를 자동으로 발급하고 갱신합니다.

로그, 도메인, 멤버, 결제는 대시보드에서 관리합니다. Studio에서 해당 화면으로 이동할 수 있으며, 데이터베이스는 Studio 안에서도 조회할 수 있습니다.

구독 연결

Claude·ChatGPT 구독을 연결하세요

데스크톱 앱에서 사용 중인 Claude 또는 ChatGPT 계정을 연결하면 해당 구독으로 코드를 작성합니다.

runlot AI 크레딧 차감 없음

구독으로 처리한 작업은 runlot AI 크레딧을 사용하지 않습니다. 모델 선택 창에는 크레딧 차감 없음으로 표시하며, 구독의 5시간·7일 사용 한도를 확인할 수 있습니다.

구독 없이도 시작할 수 있습니다

계정을 연결하지 않아도 runlot 제공 모델로 작업할 수 있습니다. 이 경우 AI 크레딧을 사용하며, 나중에 모델 선택 창에서 구독을 연결할 수 있습니다.

로그인 정보는 내 컴퓨터에 보관합니다

구독 로그인 정보와 API 키는 OS 키체인에 저장하며 runlot 서버로 전송하지 않습니다.

창을 닫아도 앱은 실행 중입니다

앱은 백그라운드에서 계속 실행됩니다. 컴퓨터 로그인 시 자동 실행이 기본으로 켜져 있으며, 종료 메뉴를 선택해야 앱이 완전히 종료됩니다.

구독 공유

웹과 배포한 앱에서도 구독을 쓰세요

데스크톱 앱을 켜 두면 웹 Studio에서도 연결한 구독을 사용할 수 있습니다. 팀의 배포 앱에 사용할지도 직접 선택합니다.

웹 Studio에서 내 구독 사용

studio.runlot.io의 모델 선택 창에서 내 데스크톱을 선택합니다. 브라우저에서 요청한 작업을 연결된 데스크톱이 내 구독으로 처리합니다.

배포 앱에서 팀 구독 사용

프로젝트에서 이 기능을 켜면 배포 앱의 env.ai.run 호출을 팀 구성원의 Studio 데스크톱에서 처리합니다. 이때는 AI 크레딧을 차감하지 않습니다. 연결된 데스크톱이 없을 때 크레딧을 사용하는 모델로 전환할지는 별도로 설정합니다.

앱에 구독을 제공하는 기능은 기본으로 꺼져 있습니다. 구독을 제공할 사람이 직접 켜고 허용할 모델을 선택합니다. 앱의 요청은 내 컴퓨터의 파일에 접근할 수 없으며, anthropic/*·openai/* 모델을 지원합니다.

웹·데스크톱 비교

같은 프로젝트를 웹과 데스크톱에서 작업하세요

한쪽에서 수정한 코드는 다른 쪽에도 동기화됩니다. 파일을 따로 옮길 필요 없이 웹과 데스크톱을 동시에 열어 작업할 수 있습니다.

  • 접속 환경

    웹
    studio.runlot.io
    데스크톱
    macOS 앱 · Windows 지원 예정

  • 설치

    웹
    설치 없이 사용
    데스크톱
    다운로드 후 설치

  • 프로젝트 파일

    웹
    브라우저 안
    데스크톱
    ~/runlot/조직/프로젝트

  • 미리보기

    웹
    브라우저 내 워커·PGlite
    데스크톱
    runlot dev·PGlite

  • 모델

    웹
    runlot 제공 모델 또는 연결된 데스크톱의 구독
    데스크톱
    Claude·ChatGPT 구독 또는 runlot 제공 모델

같은 runlot 계정으로 로그인하면 웹과 데스크톱에서 동일한 조직과 프로젝트를 볼 수 있습니다.

Studio로 앱을 만들어 보세요.

데스크톱 앱을 설치하거나 브라우저에서 바로 시작할 수 있습니다.

macOS용 다운로드웹에서 열기

macOS · Apple silicon 또는 Intel