버블 네이티브 모바일 베타 돌아보기

버블(Bubble) 네이티브 모바일: 새로운 가능성의 시작

안녕하세요! 합리적인 외주 개발의 가치를 더하는 리트머스입니다.

오늘은 많은 분들이 기다려온 소식을 전해드리고자 합니다. 바로 버블(Bubble.io)의 네이티브 모바일 기능에 대한 이야기입니다!

버블은 이미 비개발자도 손쉽게 사용할 수 있는 직관적인 웹앱 개발 도구로 널리 알려져 있습니다. 그리고 이번에는 네이티브 모바일 앱 개발을 위한 기능을 베타로 공개하며, 한층 더 강력한 플랫폼으로 진화하고 있습니다.

리트머스는 국내 최초로 버블 네이티브 모바일 베타에 초대받아, 이 혁신적인 기능을 직접 경험하고 여러분께 소개할 기회를 얻게 되었습니다. 이제 버블 네이티브 모바일을 통해 앱 개발은 더 직관적이고 강력해질 것입니다.

이 글에서는 버블 네이티브 모바일 기능의 주요 특징과 활용 방법을 자세히 소개해 드리겠습니다. 함께 새로운 가능성의 세계로 나아가 볼까요?

버블(Bubble) 네이티브 모바일 Beta 신청 방법

버블 네이티브 모바일 Beta를 신청하는 방법은 굉장히 간단해요.

1. 'Bubble Native Mobile Beta' 페이지에 접속하고,
2. 이메일을 입력한 후 ‘Join the Waitlist’ 버튼을 클릭해요.
3. 이제 신청이 완료되었습니다! 간단하죠?

버블(Bubble) 에디터에서 네이티브 모바일 앱 개발하기

네이티브 모바일 베타에 초대받으면 Settings에 Mobile 탭이 에디터에 추가됩니다. 여기서 Enable을 활성화하면 모바일 관련 설정을 확인할 수 있어요. 버블 네이티브 모바일도 기본적으로 버블 에디터의 빌드 방식을 따릅니다. 기존과 마찬가지로 Design 탭에서 디자인을 만들고, Workflow를 추가하며 앱을 개발해요.

다만, 모바일 네이티브 환경에 맞춘 몇 가지 특화된 기능이 추가되었는데요, 이 중 몇 가지를 소개해 드리겠습니다.

네이티브 모바일 특화 기능

네이티브 모바일 특화 기능 중 가장 직관적으로 이해할 수 있는 3가지 주요 기능을 소개해 드리겠습니다.

이 외에도 다양한 세부 기능과 대체 요소들이 존재하는데, 이러한 기능들은 네이티브 환경에서 더욱 효율적인 앱 개발을 가능하게 합니다. 디테일한 추가 및 대체 기능에 대한 전체 목록은 버블에서 제공하는 공식 문서를 통해 확인하실 수 있습니다. 더 많은 정보를 원하시는 분은 버블에서 제공한 문서를 참고하시면 좋겠습니다.

↗︎버블 네이티브 모바일 특화 기능 전체 문서 바로가기

1. 모바일 뷰로 페이지 대체

Page가 Mobile View로 대체됩니다.

2. Element 추가

작업공간 상단에 모바일처럼 탭이 보이죠.

Element 탭에는 Web view, Horizontal List, Sheet과 같은 모바일 네이티브 환경에 맞춘 요소가 추가된 것을 확인할 수 있습니다.

3. 모바일 특화 제스처

뿐만 아니라 스와이프, 탭, 길게 누르기 등 모바일에 특화된 요소와 제스처가 통합되어 있어요. 이를 통해 모바일 디바이스의 기능을 극대화하며, 진정한 네이티브 감성을 담은 앱을 구현할 수 있습니다.

네이티브 앱 테스트 방법

개발한 앱은 기존처럼 웹에서 Preview를 통해 테스트할 수 있어요. 추가로, 모바일 기기별 화면을 변경하면서 테스트해 볼 수도 있습니다.

TestFlight를 통해 BubbleGo를 설치하세요.

버블 계정으로 로그인하면 내가 개발 중인 앱 목록이 표시됩니다. 원하는 앱을 선택해 네이티브 환경에서 테스트해 보세요.

앱스토어에 배포하기

앱 개발과 테스트를 완료했다면, 이제 스토어에 업로드할 차례입니다.

이 과정은 복잡하지는 않지만 처리해야 할 작업이 꽤 많습니다. 버블(Bubble)에서도 이에 대한 가이드를 상세히 제공하고 있으니, 자세한 내용은 여기를 참고하세요.

간략히 정리하면 다음과 같습니다.

1. 애플 iOS 앱스토어와 안드로이드 플레이스토어의 개발자 계정을 등록합니다.
2. 각 스토어에서 프로젝트를 생성하고, 이를 버블 앱과 연동합니다.
3. 프로젝트에서 생성된 Key 값을 버블(Bubble) Settings에 입력합니다.

현재 베타버전이기 때문에 실제 적용 사례는 많지 않지만, 위 과정으로 연동이 가능한 것으로 보여요.

버블 네이티브 모바일 Beta 기능이 출시된 지 얼마 되지 않아, 큰 그림을 이해하기 쉽게 정리해 보았습니다. 이 글이 여러분의 네이티브 모바일 버블 개발 여정에 도움이 되기를 바랍니다. 리트머스 역시 앞으로도 지속적으로 연구하고 직접 배포를 시도하겠습니다. 기대해 주세요!

🔎 이 외에도 버블에 대해 더 많은 정보를 원한다면?

↗︎ 더 알아보기