Currently running · 실사용 데이터 기반 / haru-hub.com

불필요한 업무 과정을
제거하는 빌더.

핵심만. 필요하면 펼쳐서.

실제 콜센터 업무를 분석해 CRM 자동화 시스템과 운영 웹앱을 구축했고, 지금은 협업 · 재무 · 임대 · 초대장 SaaS를 하나의 자가 플랫폼 위에서 혼자 설계·운영합니다.

일일 매출 보고
수시간→2분
주간 매출 보고
반나절→2분
스코프
UI · API · 인프라

운영 시스템 7종 (사내 2 · 개인 4 · 플랫폼 1) · 1인 설계·운영 · 자체 인프라 · since 2024

경험이 철학을 만들고,
철학이 결과를 만들었다.

단순 이력 나열이 아니라, 네 단계의 경험이 서로 연결되어 지금의 시스템을 만들었습니다.

01 2018

스타트업에서 UX의 중요성을 체감하다

브링프라이스 · 호텔/항공 메타서치 플랫폼

사용자 이탈을 눈으로 목격하며 "왜 UX가 중요한가"를 체감. 이 경험이 이후 모든 시스템 설계의 출발점이 되었습니다.

02 2022

대규모 인증 시스템에서 안정성·보안을 배우다

넥스그리드 · LGU+ DAS 프로젝트

U+ID 인증 시스템 개발·MFA 구현·모의해킹 대응. 실 사용자가 있는 시스템의 무게를 경험했습니다.

03 2024

실제 업무 문제를 직접 해결하다

콜센터 CRM 업무협업툴 · 운영 웹앱

엑셀 수작업을 클릭 한 번으로. 수시간짜리 업무를 수분으로 단축한 시스템을 설계·구축·운영.

04 Now

아키텍처까지 직접 설계하다

haru-hub 플랫폼 · 개인 SaaS 4종 · 사내 CRM 2.0

Proxmox 가상화부터 통합 로그인(SSO)·AI 게이트웨이·무중단 배포까지. 서비스들이 인증·AI·알림·저장소를 공용 블록으로 나눠 쓰는 조립형 플랫폼을 직접 설계·운영.

불필요한 동작을 제거하는 것이
가장 큰 UX 개선이다.

— 스타트업에서 사용자 이탈을 목격하며 형성된 철학
i.

Click Once

복잡한 분석도 단일 버튼 한 번으로.

ii.

Remove, not Add

기능을 더하는 대신 불필요한 것을 제거.

iii.

Time Back to Human

반복은 시스템이, 사람은 판단에 집중.

— 이 소개 페이지도 같은 원칙입니다. 핵심만 보이고, 필요하면 펼쳐서.

실제 콜센터 업무를 바꾼
두 시스템.

토이 프로젝트가 아닙니다. 지금 이 순간에도 현장에서 업무에 사용되고 있습니다.

01
Core Project Python Playwright PyQt6 FastAPI Redis Docker

CRM 분석 자동화 워크스페이스 — RIA 사이트를 정복하다

표준 웹 자동화가 통하지 않는 바디프랜드 CRM(Nexacro RIA)을 Playwright로 정복해, 조회→분석→리포트를 클릭 한 번으로 끝냅니다. 데스크톱(PyQt6)에서 팀 공용 웹(FastAPI·Docker)까지 확장.

업무
기존
개선
단축
일일 매출 보고
수시간
약 2분
~98%
주간 매출 보고
반나절
약 2분
~99%
연계 실적 체크
30분+
약 2분 30초
~92%
예약 체험 신규 조회
30분~1시간
약 2분
~96%
미배송 체크
30분~1시간
약 2분
~96%
상담원 실적
30분~1시간
약 2분
~96%
9종 자동화를 한 화면에서 — 실행 버튼 하나로 로그인·조회·분석·엑셀까지 (영상은 일일 매출, 대기 구간 8배속)
미배송 체크 결과
미배송 체크
일일 매출 보고 결과
일일 매출 보고
주간 매출 보고 결과
주간 매출 보고
연계 실적 체크 결과
연계 실적 체크
예약 체험 신규 조회 결과
예약 체험 신규 조회
상담원 실적 결과
상담원 실적
상담사별 분석 결과
상담사별 분석

⚠️ 데모 데이터 — 사내 시스템 보호를 위해 회사명·제품명·상담사 이름·실 영업 수치는 모두 마스킹.

펼쳐서 — 기능 · 방법 · 운영
  • RIA 자동화 엔진 — 셀렉터·클릭·그리드·콤보 단위로 정복
  • 5종 자동화 리포트 — 일일·주간 매출, 연계 실적, 예약·체험·신규, 미배송
  • 다차원 분석 → Excel·대시보드 자동 생성 — 보고 양식 그대로
  • 데스크톱(PyQt6) → 팀 공용 웹앱(FastAPI·Docker) 확장 배포
  • 자체 인증(bcrypt) · Redis 잡 영속 · 실시간 진행(SSE) · 동시접속 분산 락
  • 월별·제품별·온라인 매출목표 CRUD · 미배송 건 다차원 가시화
Method

RIA(Nexacro)는 일반 DOM 셀렉터가 안 통합니다. DOM 덤프로 구조를 역분석해 그리드·콤보 단위 자동화 방법론을 직접 정립했습니다.

Access

실제 운영 중인 사내 업무 툴이라 폐쇄망 + Tailscale로 외부 노출 없이 운영. 공용 계정 동시 운영은 분산 락으로 안전 확보.

02
2.0 Rebuild Spring Boot 3.5 Next.js 16 PostgreSQL 복제 Redis 무중단 배포 PWA

상담 CRM 2.0 — 운영 시스템을 다시 짓다

직접 만들어 운영하던 상담 CRM(1.x)을 여러 사람이 동시에 써도 데이터가 틀어지지 않는 구조로 처음부터 다시 설계하고, 운영을 멈추지 않은 채 옮긴 뒤 1.x를 종료했습니다. 데이터·동작은 그대로, 구조·화면은 새로.

게시판 엑셀을 그대로 올리면 새로 생김 · 바뀜 · 끝남만 골라 보여 주고, 확인 후 반영 — 잘못 올렸으면 되돌리기
관리자 홈 — 오늘 운영판
관리자 홈
엑셀 반영 미리보기 — 새로 생김
엑셀 미리보기 · 새로 생김
엑셀 반영 미리보기 — 바뀜
엑셀 미리보기 · 바뀜
프로모션 목록
프로모션
캘린더 — 일정·할 일·공휴일
캘린더
실시간 채팅
채팅

⚠️ 데모 환경 — 실제 2.0 코드를 빈 DB로 띄우고 가상 인물·가상 제품 데이터만 넣어 촬영. 회사명은 가림.

펼쳐서 — 기능 · 설계 · 검증

Services

  • KPI · 캘린더(일정·할 일·예약 통합) · 메모
  • 프로모션 — 게시판 엑셀을 읽어 자동 반영·되돌리기
  • 실시간 채팅 · 첨부 · 웹 푸시 (PWA)
  • 녹취 편집 · 파일 변환 · 공동 시트
  • 사용자 · 권한 · 알림 설정

Architecture

  • Proxmox 전용 LXC — 앱 · DB 분리
  • 주 · 대기 DB 스트리밍 복제 + 매일 백업
  • 행 단위 저장 · 낙관적 잠금 (통째 덮어쓰기 제거)
  • 배경 작업은 한 곳에서만 (Redis 잠금)
  • 새 컨테이너가 정상일 때만 교체하는 무중단 배포
Migration

기능을 옮길 때마다 같은 입력 → 1.x와 같은 결과인지 자동 대조(일부러 틀린 코드를 넣어 대조가 잡아내는지까지 확인). 1.x와 2.0을 실시간으로 잇는 다리를 두고 단계적으로 전환.

Verified

권한 전수 검사(전 항목 차단 확인) · 동시 50명 부하 시험 p95 6.7ms · 실패 0 · 의존성 고위험 취약점 0 · 보안 헤더·CSP 적용.

인프라부터 직접 설계한
개인 SaaS 4종과 공용 플랫폼.

협업 플랫폼 · 재무 관제 PWA · 임대 관리 SaaS · 초대장 SaaS. 같은 플랫폼 위에서 서로 다른 도메인을 운영합니다.

How

통합 로그인 · AI 게이트웨이 · 알림 · 저장소를 공용 블록으로 떼어 내고, 새 서비스는 블록을 조립해 빠르게 올립니다. 매번 처음부터 짜지 않기에, 1명이 여러 서비스를 동시에 운영할 수 있는 이유입니다.

실제 화면 · 데모 데이터
전체 흐름 — 칸반·이슈 이력·채팅·관제
TeamHub 칸반 보드
칸반 보드
TeamHub 팀 채팅
팀 채팅
TeamHub 관제센터
관제센터
03
TeamHub Next.js Spring Boot AI Gateway Proxmox Docker GitHub Actions

TeamHub — 통합 협업 플랫폼

프로젝트·칸반·채팅·드라이브·AI 비서·관제까지 혼자 만든 통합 협업 플랫폼. 프론트·API·DB·배포·인프라·장애 대응을 직접 설계·운영합니다.

펼쳐서 — 기능 · 인프라 · 운영

Services

  • 프로젝트 · 칸반 관리
  • 게시판 · 드라이브 (1GB 업로드)
  • 실시간 채팅 (WebSocket)
  • 캘린더 · 개인 할일
  • AI 업무 비서 (플랫폼 AI 게이트웨이)
  • 관리자 · 관제 · 알림 (Web Push)

Infrastructure

  • Proxmox 가상화 + LXC/Docker
  • nginx · HAProxy 다중 라우팅
  • Blue-Green 무중단 배포
  • GitHub Actions CI/CD
  • 도메인 이중화 (DDNS 장애 대응)
Ops

기존 Jenkins+Shell의 불완전 배포를 테스트 실패 시 자동 차단·무중단 배포로 개선. 장애 분석·대응 경험까지.

AI

로컬 모델로 시작한 AI 업무 비서를 플랫폼 AI 게이트웨이(무료 클라우드 다중 제공자 · 로컬 폴백)로 옮기고, 하니스 기법으로 검색·데이터·태스크 모드를 붙였습니다. 매일 자동 회귀 평가로 품질 관리.

실제 운영 중 — haru-hub.com
04
CashPulse PWA Next.js 16 Spring Boot Python Collector Web Push MySQL

CashPulse — 재무 흐름 관제 PWA

한국·미국 상장 종목을 한 곳에서. "오늘 무엇을 봐야 하는지 가장 빠르게"를 모토로, 거래량 z-score·재무 이상·공시 AI 요약을 한 화면에 모은 모바일 우선 PWA.

펼쳐서 — 기능 · 데이터 파이프라인

Services

  • 한·미 통합 종목 검색 · 랭킹
  • 가격 알림 (Web Push, VAPID)
  • 관심 종목 · 평가손익 자동 집계
  • 공시 자동 요약 · AI 브리핑
  • 분기 실적 발표 캘린더
  • PWA 설치 (iOS/Android)

Data Pipeline

  • 4-tier US 폴백 (FMP → SimFin → yfinance → TwelveData)
  • DART KR 공시 수집
  • KR 2,637 · US 503 종목 가격 풀
  • Redis pub/sub 실시간 알림 (<1s)
  • 공시 AI 요약 — 플랫폼 AI 게이트웨이
  • cron 자동화 · Flyway 마이그레이션
Self-learning

매일 낸 시그널을 1 · 5 · 20거래일 뒤 실제 등락과 대조해 스스로 채점(누적 80만 건). 적중률 대시보드로 근거를 쌓고, 실제로는 시장보다 부진하던 라벨('성장 확인')을 '성장 반영'으로 바꾸는 등 데이터로 판단 기준을 고칩니다.

Philosophy

"기능을 더하지 않고, 봐야 할 것만 남긴다" — 7원칙으로 신규 기능을 자체 검증. 카드·랭킹·알림 모두 한 손 스크롤 안에 들어오도록 설계.

실제 운영 중 — cashpulse.haru-hub.com
05
haru-lease Next.js 15 Spring Boot PWA Web Push OAuth MinIO

haru-lease — 임대 관리 SaaS

매물·계약·임차인·공지를 한 곳에서 관리하는 모바일 우선 PWA. 계약 변경 이력·임차인 초대·공개 홍보링크까지 실제 임대 운영에 맞춰 설계했습니다.

펼쳐서 — 기능 · 보안/인프라

Services

  • 매물 관리 (사진·옵션·전월세·주소검색)
  • 계약 — 전월세 전환·특약·납부·컨디션 사진
  • 임차인 초대(OAuth) · 임차인 전용 화면
  • 공개 홍보링크 · 문서 버전 관리
  • 공지 + 푸시 알림 (Web Push)
  • 임대 캘린더 (계약·월세 납입)

Security & Infra

  • 역할 위계 (SUPER_ADMIN · LANDLORD · TENANT)
  • 소유자 단위 데이터 격리
  • 네이버 · 카카오 OAuth + 자체 JWT
  • MinIO 비공개 버킷 (백엔드 프록시 스트림)
  • MySQL · Redis · 자가 인프라 공용
  • PWA 설치 · 오프라인 폴백
Live

실제 라이브 서비스 — 매물·계약·임차인·공지까지 직접 운영. 현재 외부 임대인 1명 온보딩 단계.

Privacy

데이터 격리가 전제. 모든 API가 소유자를 검증하고, 공개 홍보 페이지는 매입가·상세주소를 의도적으로 제외.

실제 운영 중 — lease.haru-hub.com
06
haru-invite Cloudflare Workers Hono D1 R2 Serverless

haru-invite — 모바일 초대장 SaaS

청첩장 · 100일 · 돌잔치 초대장을 템플릿 하나 고르고 링크 하나로. 관리자가 링크를 만들어 보내면, 받는 사람이 편집 링크로 직접 내용을 채웁니다.

펼쳐서 — 기능 · 구조

Services

  • 3종 템플릿 — 결혼 · 100일 · 돌잔치
  • 사진 갤러리 · 방명록 · 참석 여부(RSVP)
  • 참석자 엑셀 내려받기
  • 장소 지도 · 길찾기 · 계좌 · 연락처
  • 받는 사람이 직접 고치는 편집 링크

Infra

  • 서버 없이 Cloudflare Workers (엣지 SSR)
  • D1 (SQLite) · R2 (사진)
  • 삭제 시 사진까지 한 번에 정리
  • 중복 응답 방지 · 재방문 인식
Why

친구 결혼 선물로 만든 청첩장 하나에서 출발해, 타입만 바꾸면 되는 멀티 템플릿 구조로 넓혔습니다. 자가 인프라와 달리 서버리스로 — 문제에 맞는 런타임을 고릅니다.

실제 운영 중 — invite.haru-hub.com
07
haru-hub Platform Authentik SSO AI Gateway Next.js 16 Proxmox LXC Cloudflare Tunnel

haru-hub 플랫폼 — 서비스를 조립하는 공용 블록

서비스마다 따로 만들던 로그인 · AI · 알림 · 저장소를 공용 블록으로 떼어 낸 조립형 플랫폼. 계정 하나로 모든 서비스에 들어가고, 새 서비스는 블록을 붙여 올립니다.

펼쳐서 — 블록 · 운영

Blocks

  • 통합 로그인 — 구글 · 네이버 · 카카오 (카카오·네이버 연동은 직접 구현)
  • AI 게이트웨이 — 무료 클라우드 여러 곳을 자동 전환, 작업별 등급 · 무학습 모드 · 로컬 폴백
  • 긴 통화 녹취 전사 → 조각 정리 → 요약
  • 알림 · 검색 · 오브젝트 저장소
  • 중앙 포털 — 서비스 목록 · 내 계정 · 연결 관리

Ops

  • 인증은 전용 LXC로 분리 (장애 범위 격리)
  • 매일 암호화 백업 + 외부 보관
  • 관리자 2차 인증 · 실패 반복 차단
  • 운영 상태를 한곳에서 보는 관제 도구
Security

서비스마다 권한 전수 검사 · 의존성 취약점 스캔 · 부하 시험을 같은 방식으로 돌리고, 결과가 깨끗할 때만 배포합니다. 비밀 값은 코드와 분리해 보관합니다.

포털 — hub.haru-hub.com (로그인 필요)

경력.

바디프랜드 현직

프랜드미디어 소속 · 콜센터 관리자 / 시스템 개선 · 자동화 구축

2024 — 현재
  • 콜센터 관리자로 일하며 매일 마주치는 시스템 허점·운영 불편을 동료 모두를 위해 정리·개선
  • 사내 핵심 운영 시스템(RMS)의 사용성·정합성 이슈를 정리해 벤더사와 협업으로 개선 반영
  • 신제품 등록 시 약관 자동 연결 누락을 법적 리스크 관점에서 식별 → 의견 제출 후 제품군별 약관 자동 적재 구조 개선 + 기존 누락분 전수조사·보정
"약관은 법적인 분쟁 요소가 있을 수 있어 혹시 추가 누락은 없는지 전수조사 및 일괄등록, 제품 등록 시 필수약관 자동적재 등의 보완이 필요해 보입니다."
  • 상담사 주문접수 화면의 펜딩·프리징을 소스 접근 없이 클라이언트 신호(모달 에러·Network pending·콘솔 로그)만으로 CTI 응답 지연 + API 호출 순서 이슈로 좁혀 벤더사 전달 → 개선 반영
  • 표준 자동화가 통하지 않는 사내 RIA 시스템을 Playwright로 자동화 (5종 리포트, 수시간 → 수분)
  • 팀이 매일 쓰는 상담 CRM을 직접 설계·운영하고, 동시 사용에 맞게 2.0으로 다시 지어 운영 중단 없이 이전
매일 마주치는 비효율과 리스크를 동료 모두를 위해 시스템화 — 이 경험이 개인 SaaS 4종과 공용 플랫폼으로 확장됐습니다.

넥스그리드

LGU+ DAS 프로젝트 · 백엔드 개발자

2022.04 — 2024.01
  • LGU+ U+ID 인증 시스템 개발 및 개선
    • 비밀번호 변경 주기 알림 · MFA(2차 인증) 로직
    • 로그인 보안 강화 (모의해킹 대응)
  • Admin 시스템 구축 — 권한 인증 · 사용자 이력 관리
  • LGU+ Ucube 차세대 API 전환
  • 로그인 UX 개선
인증 · 보안 · 관리 시스템 중심의 백엔드 개발

브링프라이스 스타트업

호텔/항공 메타서치 · 백엔드 개발자

2018.07 — 2019.01
  • 다중 OTA API 연동 — Expedia · Agoda · Booking.com
  • 가격 비교 로직 구현 · Skyscanner 기반 항공권 최저가 검색
  • 위메프 여행 카테고리 호텔 검색 기능 개발 참여
  • 마이리얼트립 유사 프로젝트 참여
데이터 통합 · 비교 기반 서비스 개발의 시작점 · 사용자 이탈 경험으로부터 UX 철학 형성
Note 스타트업 사업 종료(폐업)로 퇴사

채용 · 협업 · 프로젝트 문의 환영.

가장 빠른 답변은 이메일 — 보통 하루 내 회신합니다.

실사용 데이터를 기반으로 업무 자동화 시스템을 구축하고, 운영 웹앱과 협업 플랫폼까지 확장한 개발자입니다.