Framer로 웹사이트 만들고 앱박스로 앱 출시까지 해봤습니다

"코딩을 모르는데 앱을 출시할 수 있을까?" 저도 처음엔 반신반의했습니다. 그런데 실제로 해보니 Framer로 웹사이트를 만들고, 앱박스로 앱을 빌드해서 Google Play 심사까지 제출하는 전 과정이 하루 안에 가능했습니다. 이 글은 그 과정을 순서대로 기록한 실전 가이드입니다.

왜 Framer + 앱박스 조합인가?

이 조합을 선택한 이유는 단순합니다. 둘 다 코딩이 필요 없고, 연결이 쉽습니다. Framer는 드래그&드롭으로 반응형 웹사이트를 만들 수 있는 노코드 디자인 툴이고, 앱박스는 웹사이트 URL만 있으면 앱을 자동으로 빌드해주는 클라우드 서비스입니다. 웹사이트를 만들면 앱도 함께 완성되는 구조입니다.

Framer란?

노코드 웹사이트 제작 도구입니다. 수백 개의 무료 템플릿 중 하나를 골라 텍스트와 이미지를 클릭해서 바로 수정하면 됩니다. HTML·CSS·JavaScript를 전혀 몰라도 전문가 수준의 반응형 웹사이트가 완성됩니다. 무료 플랜으로 framer.site 도메인이 제공됩니다.

앱박스(AppBox)란?

웹사이트 URL을 입력하면 Android·iOS 앱을 자동으로 빌드해주는 플랫폼입니다. 클라우드에서 빌드가 진행되므로 개발 환경 설치가 전혀 필요 없습니다. 빌드 완료 후 QR 코드로 즉시 설치 확인이 가능하고, 생체인증·푸시·QR 스캔 등 네이티브 기능 50가지가 자동으로 연결됩니다.

STEP 1, Framer로 웹사이트 만들기

1. Framer 가입 & 템플릿 선택
   framer.com에 접속해 무료로 가입합니다. 수백 개의 무료 템플릿 중 서비스에 맞는 것을 고릅니다. 쇼핑몰, 포트폴리오, 소개 페이지 등 카테고리별로 잘 정리되어 있어서 고르기 어렵지 않습니다.

2. 콘텐츠 편집
   텍스트를 클릭하면 바로 수정됩니다. 이미지는 드래그&드롭으로 교체합니다. 브랜드 컬러와 폰트도 좌측 패널에서 변경할 수 있습니다. HTML·CSS 지식이 전혀 필요 없습니다.

3. Publish & 도메인 연결
   우측 상단 Publish 버튼을 누르면 웹사이트가 바로 배포됩니다. 무료 플랜은 yoursite.framer.site 형태의 도메인이 제공됩니다. 커스텀 도메인(예: myshop.com)을 연결하려면 유료 플랜이 필요합니다.

✅ 웹사이트가 모바일에서 잘 보이는지 반드시 확인하세요. 앱박스로 빌드할 때 이 화면이 그대로 앱 안에서 표시됩니다. Framer 템플릿은 기본적으로 반응형이므로 별도 작업 없이 모바일 최적화가 됩니다.

STEP 2, 앱박스로 앱 빌드하기

1. 앱박스 접속 & 새 앱 만들기
   appboxapp.com에 접속해 가입합니다. 대시보드에서 새 앱 만들기를 클릭합니다.

2. Framer URL 입력
   앱 이름, 아이콘 이미지, 그리고 Framer에서 발행한 웹사이트 URL을 입력합니다. 이게 전부입니다. 추가 설정 없이 이 URL 하나로 앱이 만들어집니다.

3. 클라우드 빌드
   빌드 버튼을 누르면 클라우드 서버에서 자동으로 APK가 만들어집니다. 약 30초 후 빌드 완료 알림이 옵니다. Xcode나 Android Studio 설치는 필요 없습니다.

4. APK 다운로드 & 테스트
   완료된 APK를 QR 코드로 스캔하거나 직접 다운로드해 설치합니다. 실제 기기에서 앱을 열어보면 Framer 웹사이트가 그대로 앱 안에서 동작하는 것을 확인할 수 있습니다.

STEP 3, Google Play 심사 제출하기

앱 자체 테스트가 완료됐다면 이제 스토어 심사를 제출할 차례입니다. Google Play는 Apple App Store보다 심사 기간이 짧고 진입 장벽이 낮습니다. 아래 항목을 빠짐없이 준비하면 대부분 1~3일 이내에 통과됩니다.

심사 전 반드시 확인할 것

• 개인정보처리방침 URL — 이게 없으면 100% 반려됩니다. 간단한 정책 페이지라도 반드시 준비하세요.

• 앱 아이콘 — 512×512px PNG 파일. 배경이 투명하면 안 됩니다.

• 스크린샷 2장 이상 — 실제 앱 화면을 캡처한 이미지입니다. Framer 웹사이트가 앱에서 어떻게 보이는지 보여주면 됩니다.

• 콘텐츠 등급 설문 — Play Console에서 설문을 작성하면 자동으로 등급이 부여됩니다. 빠트리면 심사 진행이 안 됩니다.

⚠ 처음 Google Play Console 계정을 만들 때 $25의 일회성 등록비가 발생합니다. 한 번만 내면 이후 앱은 추가 비용 없이 계속 등록할 수 있습니다.

Framer + 앱박스 조합이 강력한 이유

이 조합의 가장 큰 장점은 유지보수가 거의 필요 없다는 것입니다. Framer에서 콘텐츠를 수정하면 앱에 즉시 반영됩니다. 이벤트 배너를 바꾸거나 상품 정보를 업데이트할 때 앱스토어 재심사를 기다릴 필요가 없습니다.

전체 흐름 요약

자주 묻는 질문

Q. Framer 무료 플랜으로도 앱박스 빌드가 되나요?

네. Framer 무료 플랜에서 발행한 framer.site 도메인 URL을 앱박스에 입력하면 됩니다. 커스텀 도메인은 유료 플랜이 필요하지만, 앱 빌드 자체는 무료 플랜 URL로도 가능합니다.

Q. iOS 앱도 동시에 만들 수 있나요?

앱박스에서 Android와 iOS 빌드를 모두 지원합니다. 다만 iOS 앱을 App Store에 등록하려면 Apple Developer Program 가입(연 $99)과 인증서 설정이 추가로 필요합니다.

Q. 앱 심사 반려 시 어떻게 하나요?

Google Play는 반려 이유를 구체적으로 안내해줍니다. 가장 흔한 반려 원인은 개인정보처리방침 미등록과 콘텐츠 등급 설문 누락입니다. 수정 후 재제출하면 대부분 통과됩니다.

Q. Framer 웹사이트를 수정하면 앱에 바로 반영되나요?

네. 앱박스는 WebView 방식으로 Framer 웹사이트를 앱 안에서 표시하기 때문에, Framer에서 콘텐츠를 수정하고 다시 발행하면 앱을 재빌드하거나 스토어 심사를 받지 않아도 즉시 반영됩니다.