Bubble과 Retool을 대체할 오픈소스 툴 (Appsmith)

하이라이트

• Appsmith는 GitHub에서 39,000개 이상의 별을 획득한 오픈 소스 내부 도구 빌더입니다.

• 자체 호스팅 시 사용자 수 제한 없이 무료로 이용 가능하며 데이터베이스, API, SaaS 도구와 연결됩니다.

• 드래그 앤 드롭 방식의 UI 위젯과 전체 JavaScript 지원을 결합하여 로직 설계의 유연성을 확보합니다.

• 별도의 인증 시스템이나 API 레이어 구축 없이 단 몇 분 만에 CRUD 애플리케이션을 배포합니다.

• Git 브랜칭, 머지, CI/CD를 지원하여 개발자가 익숙한 워크플로우를 내부 도구 제작에 그대로 적용합니다.

• 대규모 데이터셋 처리 시 성능 저하를 방지하기 위해 클라이언트 렌더링 대신 서버 사이드 페이지네이션이 필요합니다.

타임라인

1. 00:00 - 01:04

   과도한 내부 도구 설계의 비효율성 해결

   개발자들이 대시보드 하나를 만들기 위해 상태 관리와 인증에 과도한 에너지를 쏟는 현상을 지적합니다. Appsmith는 이러한 반복적인 작업을 자동화하며 로우코드 도구이면서도 개발자의 제어권을 보장합니다. 특히 상용 도구인 Bubble이나 Retool의 강력한 대안으로 작동합니다.

   • 간단한 대시보드 제작을 위해 React, API 연결, 인증 시스템을 직접 구축하는 것은 시간 낭비입니다.
   • Appsmith는 폼과 테이블 위주의 내부 도구 제작 과정을 단 몇 분으로 단축합니다.
   • 오픈 소스 특성상 벤더 종속성이 없으며 무제한 사용자에게 무료로 배포할 수 있습니다.
2. 01:05 - 02:33

   드래그 앤 플레이 방식의 앱 구축 과정

   빈 캔버스에서 시작하여 미리 설정된 데이터베이스의 employees 테이블을 UI로 불러오는 과정을 보여줍니다. 위젯 사이드바에서 쿼리를 작성하고 알림(toast) 같은 트리거를 추가하는 과정이 시각적입니다. 이 과정은 수동 코딩 대비 개발 속도를 비약적으로 높입니다.

   • Postgres와 같은 데이터베이스를 연결하면 즉시 테이블 데이터를 UI 위젯에 바인딩합니다.
   • 입력 필드와 버튼에 SQL 쿼리나 JavaScript 로직을 직접 연결하여 CRUD 기능을 구현합니다.
   • 배포 버튼 클릭 한 번으로 인증과 API 레이어가 포함된 작동 앱을 생성합니다.
3. 02:34 - 03:25

   개발자 중심의 아키텍처와 확장성

   UI, 데이터, JavaScript라는 세 가지 핵심 축으로 시스템을 정의합니다. 대부분의 로우코드 도구가 로직을 숨기는 것과 달리 Appsmith는 개발자가 코드를 직접 제어하도록 설계되었습니다. Git을 통한 버전 관리와 CI/CD 연동이 실제 개발 워크플로우와 동일하게 작동합니다.

   • 모든 위젯과 쿼리 영역에서 표준 JavaScript를 사용하여 복잡한 로직을 노출하고 수정합니다.
   • Docker나 Kubernetes를 통한 자체 호스팅으로 기업 데이터와 비용을 직접 관리합니다.
   • RBAC, 감사 로그, SSO 기능을 내장하여 엔터프라이즈 운영 환경에 즉시 적용 가능합니다.
4. 03:26 - 05:03

   성능 한계와 타 도구와의 비교

   모든 면에서 완벽하지는 않다는 점을 명시하며 대규모 데이터 렌더링 시의 병목 현상을 경고합니다. UI 디자인 측면에서는 Retool에 뒤처질 수 있으나 오픈 소스라는 유연성과 비용 효율성이 이를 상쇄합니다. 내부 도구의 빠른 출시와 소유권 확보가 최우선인 팀에게 최적의 선택지임을 강조합니다.

   • 대량의 데이터를 다룰 때는 속도 유지를 위해 서버 사이드 페이지네이션 처리가 필수적입니다.
   • 모바일 레이아웃은 자동 최적화가 지원되지 않아 수동으로 화면 구성을 조정해야 합니다.
   • Retool보다 UI의 세련미는 부족하지만 비용이 전혀 들지 않는다는 경제적 이점이 큽니다.