00:00:00대부분의 개발자들은 내부 도구를 과하게 설계하곤 합니다. 솔직히 우리 모두 알고 있죠.
00:00:04React를 구동하고, API를 연결하고, 인증을 만들고, 상태를 관리하죠. 고작 대시보드 하나를 만들기 위해서요.
00:00:10결국 폼과 테이블일 뿐인데 말이죠. 이건 39,000개 이상의 별을 받은 오픈 소스 도구인 AppSmith입니다.
00:00:16단 몇 분 만에 그 모든 과정을 대체할 수 있죠. Bubble의 오픈 소스 대안이라고 생각하시면 됩니다.
00:00:21이제 어떻게 작동하는지 몇 분 안에 보여드리겠습니다.
00:00:29AppSmith가 아주 새로운 것은 아니지만, 여전히 가치만큼 자주 언급되지는 않습니다.
00:00:34랜딩 페이지나 고객용 앱이 아닌, 오직 내부 도구를 위해 만들어졌죠. 드래그 앤 드롭 UI를 제공하지만,
00:00:41전체 JavaScript를 지원하므로 막힐 일이 없습니다. 데이터베이스, API, SaaS 도구를 연결하면서도
00:00:47일반 개발자처럼 Git을 그대로 사용할 수 있습니다. 종속성(Lock-in)이 없으며 무료로
00:00:54완전한 자체 호스팅이 가능하고 사용자 수도 무제한입니다. 진짜 질문은, 이게 정말 시간을 아껴줄까요?
00:01:00보여드리겠습니다. 이런 오픈 소스 도구와 코딩 팁이 마음에 드신다면
00:01:04꼭 구독해 주세요. 영상은 계속 업로드됩니다. 자, AppSmith를 실행하면
00:01:10간단하게 계정을 만드세요. 아주 쉽습니다. 그다음 대시보드에서 빈 캔버스로 새 앱을 시작할 수 있습니다.
00:01:15이건 전문 튜토리얼이 아니니, 미리 설정된 Postgres 데이터베이스를 선택하겠습니다.
00:01:21하지만 보시다시피 빌드에 활용할 수 있는 옵션이 정말 다양하고 좋습니다.
00:01:26데이터베이스(제 경우에는 Postgres)가 연결되면 준비는 끝납니다.
00:01:32데이터베이스 안에는 테스트할 수 있는 테이블이 많은데, 저는 그중에서
00:01:36더미 데이터가 들어있는 employees 테이블을 선택하겠습니다. 이제 테이블을 끌어다 놓고,
00:01:42해당 데이터베이스 테이블에 연결합니다. 즉시 데이터가 채워지죠. 그다음
00:01:47입력 폼과 제출 버튼을 추가합니다. 이 모든 게 드래그 앤 플레이 방식인 걸 볼 수 있죠.
00:01:52사이드바에서는 쿼리나 JavaScript를 연결할 수도 있습니다.
00:01:55이미 데이터를 테이블에 바인딩했지만, 여기서 입력 필드를 이용해 데이터베이스에서 사용자를 검색하는
00:02:01쿼리를 만들 수 있습니다. 그렇게 하면 끝입니다. 버튼에 업데이트 트리거와 알림(toast)을 추가하고,
00:02:07배포를 클릭하면 작동하는 CRUD 앱이 완성됩니다. 제가 단 몇 분 만에 훑어보고 있어서
00:02:12매우 기초적이지만, 이것이 가진 진정한 범용성과 워크플로우에서
00:02:17얼마나 빠를지 알 수 있을 겁니다. React 설정도, API 레이어도, 인증 연결도 필요 없습니다.
00:02:231~2분 정도밖에 안 걸렸죠. 그러면서도 JavaScript, 테마, Git을 통해 완벽하게 제어할 수 있습니다.
00:02:28무료이고 빠르니, Bubble 같은 유료 도구를 쓸 필요가 없죠. 빠르게 구축하기에 훌륭한 도구입니다.
00:02:34AppSmith는 기본적으로 한쪽에는 UI, 다른 쪽에는 데이터, 그리고 이들을 연결하는 JavaScript로 구성됩니다.
00:02:40위젯은 UI를 담당하고, 데이터 소스는 데이터베이스, API, 심지어 LLM까지 연결하며
00:02:46쿼리는 SQL, REST 또는 JavaScript일 뿐입니다. 핵심은 JavaScript가 어디에나 있다는 점입니다.
00:02:54대부분의 로우코드 도구는 로직을 숨기지만, 이건 노출합니다. 그래서 개발자들이 갈아타고 있죠.
00:03:00Git도 브랜칭, 머지, CI/CD 등 예상한 대로 작동하며 이상한 점이 없습니다.
00:03:06Docker나 Kubernetes로 직접 호스팅할 수 있어 데이터와 비용을 직접 제어합니다.
00:03:12React나 순수 JavaScript로 커스텀 컴포넌트를 빌드할 수 있고, RBAC, 감사 로그,
00:03:18SSO가 내장되어 운영 환경에 바로 적합합니다. 물론 AI 기능도 있지만,
00:03:23중요한 점은 실제로 수정 가능한 코드를 생성한다는 겁니다. 완벽해 보일 수도 있지만,
00:03:30꼭 그렇지는 않습니다. 더 빨리 출시할 수 있다는 면에서 시간 절약에는 탁월하며,
00:03:36실제로 사용해 보니 꽤 정확한 평가였습니다. 오픈 소스이므로 특정 가격 모델에
00:03:42묶이지 않습니다. 언제든 JavaScript를 넣을 수 있어 막힐 일도 없죠.
00:03:47자체 호스팅 시 사용자 무제한에 무료입니다. 반면, 시간이나 규모에 따라
00:03:52문제가 생길 수도 있습니다. 대규모 데이터셋을 클라이언트에서 렌더링하려고 하면
00:03:58속도가 느려질 수 있어 서버 사이드 페이지네이션이 필요합니다. 모바일 레이아웃은 자동이 아니라서
00:04:04수동으로 조정해야 합니다. 노코드 상태 관리에 익숙하다면
00:04:08처음에는 정말 헷갈릴 수 있습니다. 또한 화려한 대시보드를 원한다면 UI는 Retool 같은 도구보다
00:04:14약간 뒤처집니다. 대부분 크게 중요하지 않지만 사용 사례에 따라 다를 수 있습니다.
00:04:20그럼 어떤 경우에 적합할까요? 진짜 비교 대상은 Retool과 AppSmith입니다.
00:04:26Retool은 더 세련되고 강력한 기능을 가졌지만 비싸고 소스가 닫혀 있습니다. AppSmith는
00:04:32덜 세련됐고 오픈 소스죠. 하지만 모든 것을 소유하며 자체 호스팅 시 비용은 0원입니다.
00:04:39Bubble이나 Webflow는 고객용 앱에 더 가깝기에 직접 비교하긴 어렵지만
00:04:44유사하고 멋진 기능들을 제공합니다. Tooljet이 더 가깝지만, AppSmith가
00:04:49강력한 Git 연동 면에서 여전히 돋보입니다. 내부 도구를 빠르게 출시하는 것이 목표라면
00:04:55AppSmith가 대개 더 나은 선택입니다. 이런 오픈 소스 도구와 코딩 팁이 좋으시다면
00:05:00BetterStack 채널을 꼭 구독해 주세요. 다음 영상에서 뵙겠습니다.