러버블 사용법: 코딩 없이 영어 문장만으로 나만의 AI 앱 만들기 입문

핵심 메시지

• 러버블은 영어 문장으로 원하는 바를 설명하면 AI가 웹앱을 만들어 주는 노코드 앱 빌더다.
• 좋은 프롬프트의 핵심은 앱의 목표(해결할 문제)와 사용자 흐름을 먼저 명확히 정하는 것이다.
• 바로 만들지 말고 플랜(Plan) 모드로 계획을 먼저 검토하고, AI가 되묻는 질문에 답하며 의도를 좁혀야 한다.
• 시간 반올림·시간대 오류 같은 문제는 스크린샷을 붙여 가며 한 번에 하나씩 고쳐 나간다.
• 완성된 앱은 로그인·보안 점검을 거쳐 발행하고, PWA로 만들어 휴대폰 홈 화면 앱처럼 쓸 수 있다.

쉽게 이해하기

진행자 데이비드는 러버블을 활용해 머릿속 아이디어를 곧바로 앱으로 만드는 과정을 처음부터 끝까지 보여준다. 이번에 만드는 앱은 할 일을 말로 줄줄 읊으면 그 작업들이 구글 캘린더에 자동으로 등록되는 음성 할 일 앱이다. 러버블은 웹앱 빌더이지만, 앱스토어를 거치지 않고도 휴대폰 전용 앱처럼 느껴지게 만들 수 있다는 점이 강조된다.

가장 막막한 단계는 빈 프롬프트 창을 마주하는 순간이다. 영상은 첫 프롬프트에 반드시 담아야 할 요소로 두 가지를 든다. 첫째는 앱이 무엇을 하는가(목표·해결할 문제), 둘째는 사용자가 앱 안에서 어떻게 움직이는가(앱 흐름)이다. 처음에는 가장 단순한 형태의 목표에 한두 개 기능만 얹어 시작하라고 권한다. 외형을 다듬는 데 시간이 많이 들기 때문에 기능을 적게 잡는 편이 수정하기 쉽다는 이유다.

프롬프트에는 디자인 느낌(깔끔·세련·미니멀 같은 표현)과 브랜드 색상을 함께 적고, 무엇보다 AI에게 "원하는 바를 명확히 하도록 나에게 질문해 달라"고 요청한다. 사람은 원하는 것을 정확히 설명하는 데 서툴기 때문에, AI가 시각·기능·기술적 선택(음성 변환을 무료로 쓸지, 구글 캘린더 연결 방식 등)을 되물어 오면 그에 답하며 결과물을 원하는 방향으로 좁혀 간다.

AI가 만든 계획서는 비기술 영역과 기술 영역으로 나뉘어 제시되며, 비기술자라도 외형·화면 흐름·동작 방식은 반드시 읽어 보라고 강조한다. 첫 동작 테스트에서 작업이 말한 시각 그대로 등록되거나(15분/30분 단위로 정렬되지 않음), "내일 오전 10시"가 엉뚱한 시각으로 잡히는 문제가 나타난다. 이런 오류는 "가장 가까운 15분 단위로 맞춰라", "내일·금요일 오후 같은 표현을 인식하고 오전은 11시 이전으로 해석하라" 같은 규칙을 프롬프트로 더해 가며 고친다.

마지막은 발행이다. 다른 사람이 자기 구글 계정을 쓰도록 인증을 붙이고, 러버블이 권장하는 심층 보안 점검을 거친다(AI가 생성한 코드의 허점을 막기 위함이며 수정은 크레딧을 쓰지 않는다). 발행하면 무료 URL이 생기고, "휴대폰에 앱 아이콘으로 설치할 수 있게 해 달라"는 한 문장으로 PWA(프로그레시브 웹앱)로 만들어 홈 화면에 추가하면 네이티브 앱처럼 쓸 수 있다.

주요 인사이트

• 노코드 앱 제작의 성패는 코딩 실력이 아니라 "무엇을 만들지(목표)"와 "사용자가 어떻게 쓰는지(흐름)"를 얼마나 또렷하게 말로 정의하느냐에 달려 있다.
• AI에게 곧바로 만들게 하지 말고, 먼저 질문을 던지게 하고 플랜 모드로 계획을 검토하는 절차가 헛수고를 줄인다.
• 오류는 한꺼번에 고치려 하기보다 스크린샷을 붙여 문제를 구체적으로 지목하고 한 번에 하나씩 수정하는 편이 효율적이다.
• 기술적인 계획서가 이해되지 않으면 AI에게 "비기술자도 알아듣게 설명해 달라"고 요청해 검토할 수 있다.
• AI 생성 코드일수록 발행 전 보안 점검이 중요하며, 웹앱도 PWA로 만들면 앱스토어 없이 휴대폰 앱처럼 배포할 수 있다.

자주 묻는 질문

관련 AI 소식