← 포트폴리오 목록

업종 맞춤 AI CRM 빌더

비개발자가 채팅으로 업종별 CRM을 커스터마이징하고 배포할 수 있는 노코드 AI 빌더의 핵심 MVP를 구현합니다.

RLS 기반 멀티테넌트 격리 아키텍처 구현PostgreSQL Row Level Security 정책을 테이블별로 자동 생성해 API 코드 없이 DB 레벨에서 테넌트 데이터를 격리하는 구조를 설계합니다.
AI 스키마 변경 안전 장치 설계Claude API 도구 호출 결과를 JSON Patch로 변환하고 코어 테이블 화이트리스트 검증을 거친 요청만 마이그레이션에 반영하는 구조를 구축합니다.
실시간 칸반 동기화 엔진 구현Supabase Realtime 구독과 dnd-kit 드래그 상태를 결합해 다중 사용자가 동시에 편집해도 충돌 없이 동기화되는 보드를 구현합니다.
서비스 타입Web
업종플랫폼
기술 스택
Next.js (App RouterTypeScript)Tailwind CSSSupabase (PostgreSQL + RLS)Supabase AuthVercelCloudflare for SaaSOpenAI 또는 ClaudeReact Query
주요 기능
  • 거래 파이프라인 보드
  • AI 자연어 빌더 콘솔
  • 멀티테넌트 & 팀 권한 관리
  • 업종 프리셋 배포 자동화
Overview

프로젝트 개요

범위: 개발, 디자인, 기획

비개발자가 채팅으로 업종별 CRM을 커스터마이징하고 배포할 수 있는 노코드 AI 빌더의 핵심 MVP를 구현합니다. 거래 파이프라인 칸반 보드, 자연어 스키마 변경 콘솔, 멀티테넌트 RLS 격리, 업종 프리셋 기반 서브도메인 자동 배포를 Next.js와 Supabase로 설계·구현합니다.

작업 범위

  • 거래 파이프라인 보드: 영업 담당자가 리드부터 계약까지 거래 단계를 칸반 보드로 드래그하며 관리하고, 각 카드에서 담당자·예상액·마감일을 바로 확인합니다
  • AI 자연어 빌더 콘솔: 비개발자가 채팅창에 '계약 단계 추가', '담당자 필드 삭제' 같은 문장을 입력하면 AI가 변경안을 미리보기로 제시하고, 승인 시에만 스키마에 반영합니다
  • 멀티테넌트 & 팀 권한 관리: 테넌트 관리자가 Owner/Editor/Viewer 3단계 권한으로 팀원을 초대하고, 이메일 초대 수락 시 자동으로 해당 테넌트 워크스페이스에 배정합니다
  • 업종 프리셋 배포 자동화: 부동산·보험·B2B영업 등 5종 업종 프리셋 중 하나를 선택하면 기본 필드·워크플로우가 채워진 CRM이 생성되고, Publish 버튼 한 번으로 전용 서브도메인에 배포됩니다

주요 업무

  • 거래 파이프라인 보드 화면: 거래 단계별 컬럼과 카드 드래그 앤 드롭, 단계 이동 시 활동 로그 자동 기록
  • AI 자연어 빌더 콘솔 화면: 자연어 요청 파싱 → 변경 diff 생성 → 코어 스키마 보호 검증 → 승인 적용 4단계 파이프라인
  • 멀티테넌트 & 팀 권한 관리 화면: 역할 기반 접근 제어(RBAC) + 이메일 초대 토큰 + RLS 정책 자동 생성
  • 업종 프리셋 배포 자동화 화면: 업종 프리셋 시드 데이터 + 서브도메인 자동 발급 + SSL 인증서 자동 갱신
업종 맞춤 AI CRM 빌더
요구사항 정의

프로젝트 핵심 과제

프로젝트 진행 시 해결한 핵심 기술 과제입니다.

AI가 생성한 스키마 변경 요청이 고정 코어 테이블 구조를 훼손하지 않

화이트리스트 검증 로직을 설계해야 합니다

여러 테넌트가 동시에 칸반 보드를 편집할 때 카드 순서 충돌을 방지하는 낙관적 동시성 제어가 필요합니다

업종 프리셋 5종마다 서로 다른 필드·워크플로우 조합을 단일 스키마로 표준화하는 설계가 필요합니다

서브도메인 자동 발급과 SSL 갱신 과정에서 DNS 전파 지연 상태를 사용자에게 매끄럽게 안내하는 상태 관리가 필요합니다

구현 내용

핵심 기능 상세

핵심 기능 1

거래 파이프라인 보드

영업 담당자가 리드부터 계약까지 거래 단계를 칸반 보드로 드래그하며 관리하고, 각 카드에서 담당자·예상액·마감일을 바로 확인합니다. 거래 단계별 컬럼과 카드 드래그 앤 드롭, 단계 이동 시 활동 로그 자동 기록.

  • dnd-kit 라이브러리 기반 드래그 앤 드롭으로 컬럼 간 카드 이동과 낙관적 상태 업데이트 구현
  • Supabase Realtime 구독으로 다중 사용자 동시 편집 시 카드 상태를 즉시 동기화
  • PostgreSQL Row Level Security로 테넌트별 거래 데이터 접근을 DB 레벨에서 강제 격리

dnd-kit 기반 드래그 정렬과 Supabase Realtime 구독을 결합해, 여러 사용자가 동시에 보드를 조작해도 카드 위치가 즉시 동기화되는 구조를 구현합니다.

거래 파이프라인 보드
거래 파이프라인 보드 실제 화면
핵심 기능 2

AI 자연어 빌더 콘솔

비개발자가 채팅창에 '계약 단계 추가', '담당자 필드 삭제' 같은 문장을 입력하면 AI가 변경안을 미리보기로 제시하고, 승인 시에만 스키마에 반영합니다.

  • Claude API 함수 호출(tool use)로 자연어 요청을 구조화된 스키마 변경 명령으로 변환
  • 변경안 diff를 JSON Patch 형태로 생성해 승인 전 미리보기 화면에 렌더링
  • 고정 코어 테이블(고객·거래·활동) 컬럼은 화이트리스트 검증으로 삭제·타입변경 요청을 사전 차단

Claude API의 도구 호출을 스키마 변경 명령으로 변환하고, 코어 테이블 보호 화이트리스트를 통과한 요청만 실제 마이그레이션으로 이어지는 안전 장치를 구현합니다.

AI 자연어 빌더 콘솔
AI 자연어 빌더 콘솔 실제 화면
핵심 기능 3

멀티테넌트 & 팀 권한 관리

테넌트 관리자가 Owner/Editor/Viewer 3단계 권한으로 팀원을 초대하고, 이메일 초대 수락 시 자동으로 해당 테넌트 워크스페이스에 배정합니다.

  • PostgreSQL RLS 정책을 테넌트 ID 기준으로 테이블마다 자동 생성해 데이터 격리를 DB 레벨에서 보장
  • Supabase Auth 세션 클레임에 role/tenant_id를 주입해 API 미들웨어에서 권한을 이중 검증
  • 초대 토큰에 만료 시간과 1회성 검증을 부여해 이메일 초대 링크의 재사용을 방지

RLS 정책과 세션 클레임 검증을 이중으로 배치해, 애플리케이션 코드 실수로 인한 테넌트 간 데이터 노출을 구조적으로 차단합니다.

멀티테넌트 & 팀 권한 관리
멀티테넌트 & 팀 권한 관리 실제 화면
핵심 기능 4

업종 프리셋 배포 자동화

부동산·보험·B2B영업 등 5종 업종 프리셋 중 하나를 선택하면 기본 필드·워크플로우가 채워진 CRM이 생성되고, Publish 버튼 한 번으로 전용 서브도메인에 배포됩니다.

  • Cloudflare for SaaS API로 {테넌트}.도메인.com 서브도메인과 SSL 인증서를 자동 발급
  • 업종별 프리셋 JSON 스키마로 초기 필드·워크플로우·대시보드 위젯을 일괄 시드
  • 커스텀 도메인 연결 시 DNS 검증 상태를 폴링해 배포 진행률을 화면에 표시

Cloudflare for SaaS와 도메인 자동 발급 API를 연동해, 업종 프리셋 선택부터 SSL이 적용된 서브도메인 배포까지 버튼 클릭 한 번으로 이어지는 파이프라인을 구현합니다.

업종 프리셋 배포 자동화
업종 프리셋 배포 자동화 실제 화면
구현 과정

프로젝트 진행 단계

STEP 1

멀티테넌트 스키마 & RLS 설계 · 2026.09

고정 코어(고객/거래/활동) 테이블과 테넌트별 RLS 정책 12개 설계, 권한 3단계 매핑

STEP 2

AI 자연어 빌더 파이프라인 개발 · 2026.09

Claude API 함수 호출 연동, 변경 diff 생성 및 코어 스키마 보호 화이트리스트 구현

STEP 3

거래 파이프라인 & CRM 코어 UI 개발 · 2026.09

칸반 보드 드래그앤드롭, 고객/거래/활동 화면 16개 구현, Supabase Realtime 연동

STEP 4

배포 자동화 & 업종 프리셋 통합 · 2026.09

Cloudflare for SaaS 서브도메인 발급 연동, 업종 프리셋 5종 시드 데이터 구성

STEP 5

통합 테스트 및 권한 검증 · 2026.09

테넌트 격리·RLS·AI 스키마 보호 로직 테스트 케이스 40여개 작성, 크로스 테넌트 검증

프로젝트 성과

주요 성과

RLS 기반 멀티테넌트 격리 아키텍처 구현PostgreSQL Row Level Security 정책을 테이블별로 자동 생성해 API 코드 없이 DB 레벨에서 테넌트 데이터를 격리하는 구조를 설계합니다.
AI 스키마 변경 안전 장치 설계Claude API 도구 호출 결과를 JSON Patch로 변환하고 코어 테이블 화이트리스트 검증을 거친 요청만 마이그레이션에 반영하는 구조를 구축합니다.
실시간 칸반 동기화 엔진 구현Supabase Realtime 구독과 dnd-kit 드래그 상태를 결합해 다중 사용자가 동시에 편집해도 충돌 없이 동기화되는 보드를 구현합니다.
업종 프리셋 배포 파이프라인 구축Cloudflare for SaaS API로 서브도메인·SSL 발급을 자동화하고, 업종별 프리셋 5종을 JSON 스키마로 표준화합니다.
Highlights

기술적 주안점

  • dnd-kit 기반 드래그 정렬과 Supabase Realtime 구독을 결합해, 여러 사용자가 동시에 보드를 조작해도 카드 위치가 즉시 동기화되는 구조를 구현합니다
  • Claude API의 도구 호출을 스키마 변경 명령으로 변환하고, 코어 테이블 보호 화이트리스트를 통과한 요청만 실제 마이그레이션으로 이어지는 안전 장치를 구현합니다
  • RLS 정책과 세션 클레임 검증을 이중으로 배치해, 애플리케이션 코드 실수로 인한 테넌트 간 데이터 노출을 구조적으로 차단합니다

유사한 프로젝트를 기획하고 계신가요?

FIRSTPIP이 개발 범위와 로드맵을 함께 정리해드립니다

무료 상담 시작하기