본문으로 건너뛰기

효과적인 어드민 개발 방법 5가지 소개

· 약 9분
강효준

기업 성장을 위해 어드민, 백오피스 개발은 중요한 구성 요소입니다. 하지만 많은 회사가 어드민을 개발하는데 많은 자원을 사용하고 있습니다. 그만큼 기업 서비스를 개발에 투입할 수 있는 자원이 줄어들 수 밖에 없습니다.

더 가치 있는 프로젝트를 위해 소중한 자원을 낭비하지 마세요. 시간은 한정된 비용입니다. 그렇다면, 어드민을 직접 개발하지 않고 어떤 방법을 사용하여 효율적으로 자원을 분배할 수 있을까요?

어드민, 백오피스 개발을 잘하려면

어드민을 빠르게 만들더라도 잘 만들지 못한다면 그 가치는 크게 떨어집니다. 어떻게 하면 빠르게 개발하면서도 품질 높은 어드민을 만들 수 있을까요? 그 핵심은 화면 구성, 비즈니스 로직 구현, 그리고 외부 서비스 연동에 있습니다.

  1. 화면 구성: 어드민의 사용자 경험은 화면 구성에 크게 영향을 받습니다. 직관적이고 사용자 친화적인 디자인을 통해 사용자들이 쉽게 정보를 찾고 작업을 수행할 수 있도록 해야 합니다.
  2. 비즈니스 로직 구현: 어드민의 핵심은 비즈니스 로직을 정확하게 구현하는 것입니다. 데이터 처리, 유효성 검사, 권한 관리 등의 로직을 신중하게 설계하고 구현해야 합니다.
  3. 외부 서비스 연동: 다양한 외부 서비스와의 데이터 교환, API 연동, 보안 프로토콜 준수 등을 고려하여 외부 서비스 지원을 설계해야 합니다. 안전하고 효율적인 외부 서비스 연동을 통해 어드민이 다양한 데이터와 기능을 제공할 수 있습니다.

효과적인 어드민 개발 방법 5가지 소개

위에서 말씀드린 3가지 핵심 요소와 함께 어드민을 빠르게 개발하는 방법들을 소개합니다.

1. 홉스

https://hops.pub

홉스 랜딩

홉스는 개발자가 쉽고 유연하게 사용할 수 있는 어드민 빌더입니다. 컴포넌트, 데이터 소스, 워크플로우를 조합해 수백시간의 어드민 구현 시간을 아낄 수 있습니다.

기능

1. 화면 구성

슬래시(/) 커맨드를 사용하여 다양한 컴포넌트를 바로 추가할 수 있습니다. UI를 만들어내는데 별도의 코딩이 필요 없고 간단한 키보드 타이핑으로 직관적으로 사용하기 쉬운 UI를 만들어낼 수 있습니다.

다단 기능을 통해 다양한 화면 레이아웃을 구성할 수 있으며, 어드민에 특화된 UX를 제공하는 컴포넌트를 사용할 수 있습니다.

2. 비즈니스 로직 구현

SQL, JavaScript 코드 등 개발자가 가장 사용하기 편한 형태로 로직을 구현할 수 있습니다. 워크플로우 기능을 통해 다양한 데이터 소스를 한번에 통합하여 파이프라인을 구축할 수 있습니다.

역할 기반으로 권한 기능을 제공하기 때문에 페이지 단위로 접근을 제어하거나 세세하게는 컴포넌트 단위까지 접근을 제어할 수 있습니다.

3. 외부 서비스 연동

PostgreSQL, MySQL, SQL Server 등 주요한 데이터베이스를 지원합니다. 구글 스프레드시트, S3 등 어드민에 자주 사용되는 데이터 소스는 이미 사용할 있습니다. 고객이 필요한 데이터 소스를 요청하면 고객 요구사항에 맞추어 2주 이내에 데이터 소스를 추가해줍니다.

최근에는 고객분들에게 요청받아 메일, SMS 데이터 소스를 추가했습니다.

2. Retool

https://retool.com

retool 랜딩

로우 코드 웹 개발 도구 중 하나로, 빠르고 간편하게 어드민 패널을 만들 수 있는 강력한 플랫폼입니다

기능

  1. 화면 구성: 시각적으로 구성된 사용자 인터페이스를 제공하여 개발자들이 복잡한 코드 작성 없이도 드래그앤드랍 만으로 UI를 디자인할 수 있게 해줍니다.
  2. 비즈니스 로직 구현: 실시간으로 데이터를 처리하고 갱신할 수 있는 기능을 제공하여 사용자에게 항상 최신 정보를 제공할 수 있습니다. Retool은 데이터 보안을 중요시하며, 데이터 암호화와 접근 제어 등 다양한 보안 기능을 제공합니다.
  3. 외부 서비스 연동: 약 50여개의 다양한 글로벌 서비스 통합을 제공합니다. 별도의 연동 코드 없이도 많은 외부 서비스를 제공합니다.

가격 정책

  1. 스탠다드 유저: 페이지를 수정하거나 쿼리를 작성하는 유저
  2. 엔드 유저: 어드민 페이지에 접속하여 사용만 하는 유저
  • 무료 플랜: 5인 이하 사용 가능
  • Team 플랜: 스탠다드 유저 1명당 $10, 엔드 유저 1명당 $5
  • Business 플랜: 스탠다드 유저 1명당 $50, 엔드 유저 1명당 $15

3. Softr

https://www.softr.io/

softr 랜딩

소프터는 개발자의 도움 없이 웹 서비스를 만들기 위한 서비스입니다. 에이 테이블, 구글 시트 등과 같은 서비스들을 통합하여 쉽게 어드민을 개발할 수 있습니다.

기능

  1. 화면 구성: 뛰어난 UI를 구성할 수 있는 인터페이스 빌더를 제공합니다. 코드나 디자인 없이 직관적으로 UI를 디자인할 수 있습니다.
  2. 비즈니스 로직 구현: CRUD 액션을 코드 없이 실행할 수 있습니다. 워크플로우 자동화를 통해 조금 더 복잡한 단계의 작업을 수행하거나 자피어와 연동할 수 있습니다.
  3. 외부 서비스 연동: 에어 테이블, 구글 시트와 연동하여 사용할 수 있습니다.

가격 정책

  1. 내부 사용자: 소프터로 개발하고, 웹 서비스를 사용하는 사용자입니다.
  2. 외부 사용자: 소프터로 만들어진 웹 서비스에 접근하는 일반 사용자입니다. 소프터의 경우 어드민뿐만 아니라 일반 사용자들이 사용할 수 있는 웹서비스를 만들기
  • 무료: 내부 사용자 5명 이하 사용 가능
  • Basic: 10명 이하의 내부 사용자, 1,000명 이하의 외부 사용자 $49
  • Professional: 50명 이하의 내부 사용자, 5,000명 이하의 외부 사용자 $139
  • Business: 100명 이하의 내부 사용자, 10,000명 이하의 외부 사용자 $269

4. Wordpress

https://wordpress.com/

wordpress 랜딩

워드프레스는 웹사이트를 손쉽게 만들고 관리할 수 있고 어드민 빌더로서도 널리 사용되고 있는 플랫폼입니다.

기능

  1. 화면 구성: 워드프레스는 다양한 위젯과 커스텀 필드를 지원하여 사용자가 웹사이트를 자유롭게 디자인하고 기능을 확장할 수 있습니다. 다양한 무료 및 유료 테마와 플러그인을 제공하여 사용자들이 자신의 웹사이트를 원하는 스타일과 기능으로 쉽게 꾸밀 수 있습니다
  2. 비즈니스 로직 구현: 워드 프레스는 PHP 기반의 오픈 소스 CMS이기 때문에 PHP 코드 에디터를 통해 로직을 구현할 수 있습니다.
  3. 외부 서비스 연동: 플러그인을 통해 화면 구성뿐만 아니라 외부 서비스를 연동할 수 있습니다. 전 세계적으로 거대한 커뮤니티를 지닌 플랫폼으로, 사용자들은 포럼, 블로그, 온라인 강의 등을 통해 서로 도움을 주고받을 수 있습니다.

가격 정책

  • 무료 제공
  • 개인: $4, 광고 제거 기능 제공
  • 프리미엄: $8, 프리미엄 테마, 실시간 채팅 지원 제공
  • 비즈니스: $25, 각종 보안 사항 및 트래픽 관련 사항 제공
  • 상거래: $45, 프리미엄 스토어 테마 제공

5. airplane

에어플레인은 소프트웨어 엔지니어가 빠르게 UI를 만들고 자동화를 지원할 수 있는 플랫폼입니다. UI 구성과 태스크 작성을 airplane이 제공하는 코드 플랫폼 위에서 구현할 수 있어 높은 자유도를 제공합니다.

airplane 랜딩

기능

  1. 화면 구성: 에어플레인은 잘 만들어진 디자인 시스템을 제공합니다. 에어플레인이 제공하는 디자인 시스템 UI 컴포넌트들은 React 컴포넌트로 바로 사용할 수 있고 어드민을 개발하는데 필요한 다양한 종류의 컴포넌트들이 이미 개발되어있습니다. UI를 직접 구현할 수 있는 만큼 세부 설정과 레이아웃을 사용자 친화적으로 세세하게 조정할 수 있습니다.
  2. 비즈니스 로직 구현: task는 TypeScript와 Python으로 작성할 수 있습니다. 개발자의 로컬 환경에서 실행할 수 있는 라이브러리를 제공하기 때문에 개발자가 가장 편한 환경에서 개발할 수 있습니다.
  3. 외부 서비스 연동: 7가지의 데이터베이스 서버와 자체 데이터베이스도 제공합니다. GraphQL과 RESTful API 통합도 제공하며 이메일/메시징과 관련된 3개의 외부 서비스도 원하고 있습니다.

가격 정책

  • 무료: 유저 수제한이 없습니다. 다만 행동 기록이 3일까지만 저장됩니다.
  • 팀: 유저당 $10, 행동 기록 만료 기간이 7일로 연장됩니다. 유저별 권한 설정이 가능합니다.
  • 비즈니스: 유저당 $40, 행동 기록 만료 기간이 30일로 연장됩니다. 역할별 권한 설정이 가능합니다.

다른 옵션들

위 소개 해드린 방법들은 로우 코드 빌더, CMS 빌더, 웹 서비스 빌더 등 어드민을 개발할 수 있는 가장 대표적인 방법들 중 몇 가지의 서비스들만 소개해 드렸습니다. 앞으로 홉스와 같이 더 다양한 서비스들도 소개 드리겠습니다.

어드민을 개발하는 방법은 서비스를 이용하는 방법 외에도 여러 가지 존재하는데요. 첫 번째, 가장 간단하게는 데이터베이스 클라이언트만으로 SQL을 저장하여 사용할 수 있습니다. 복잡한 로직이 없다면 데이터베이스 클라이언트만으로도 좋은 어드민의 역할을 대체할 수 있습니다.

두번째, 서버 프레임워크에서 제공하는 어드민 플러그인을 사용하는 것입니다. Spring boot admin, Flask admin 등 백엔드 서버를 구축하는 데 사용하는 프레임워크의 플러그인을 이용하면 빠르게 어드민을 개발할 수 있습니다.

세번째, 프론트엔드 프레임워크를 사용하여 개발하는 것입니다. Admin.js 같은 프레임워크는 어드민을 개발하기 위한 다양한 기능을 제공합니다. 어드민을 직접 개발하기로 했더라도 프론트엔드 프레임워크를 사용한다면 어드민 개발 시간을 크게 단축할 수 있습니다.

마무리

홉스는 어드민 개발의 핵심 요소 3가지를 놓치지 않는 어드민 빌더입니다. 먼저 홉스가 제공하는 수십 가지의 컴포넌트를 조합하면 프론트엔드 개발 없이 직관적인 어드민 패널을 개발할 수 있습니다.

그리고 SQL, JavaScript 코드 등을 이용해 기존에 존재하는 데이터베이스나 백엔드 서버를 그대로 활용할 수 있는 쿼리와 워크플로우를 만들어 비즈니스 로직을 서비스 요구 사항에 따라 자유롭게 구현할 수 있습니다.

마지막으로 홉스에서 미리 준비한 다양한 외부 서비스 연동 기능을 통해 어드민을 손쉽게 확장할 수 있습니다.

어드민 개발을 빠르게 하고 소중한 자원을 아끼는 데 관심이 있으시다면 홉스 팀으로 언제든지 연락주세요.

어드민, 백오피스 개발 고민이 있으신가요?

정보 설계부터 화면 구성까지 어드민에 관한 고민이라면 무엇이든 이야기 나누고 싶습니다.
이 링크에서 일정을 잡아주세요.