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

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

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

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

성과 보기 ↓ 경험의 흐름

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

운영 시스템 5종 (사내 2 · 개인 3) · 1인 설계·운영 · 자체 인프라 · since 2024

01 Journey

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

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

01 2018

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

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

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

02 2022

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

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

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

03 2024

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

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

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

04 Now

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

TeamHub · CashPulse · haru-lease — 개인 SaaS 3종

Proxmox 가상화부터 CI/CD·무중단 배포까지. 인프라부터 서비스까지 직접 설계한 협업·재무·임대 서비스를 동시 운영.

Philosophy

02 Philosophy

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

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

Click Once

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

ii.

Remove, not Add

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

iii.

Time Back to Human

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

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

03 Impact · 실무 프로젝트

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

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

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%

6종 자동화를 한 화면에서 — 미배송 · 일일/주간 매출 · 연계 실적 · 예약 체험 · 상담원 실적

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

펼쳐서 — 기능 · 방법 · 운영

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

Method

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

Access

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

Operation System Web PWA KPI Management

CRM WebApp — 운영·관리 시스템

콜센터 운영 및 협업을 위한 내부 웹 애플리케이션. 업무 실행과 관리까지 하나로.

펼쳐서 — 기능 · 설계

KPI 관리 — 상담원 실적을 실시간 반영
사용자/권한 관리 · 할일(Task) 관리
프로모션 관리 · 예약 관리
웹 채팅 (PWA) — 모바일에서도 네이티브 앱처럼
개인 메모 및 보조 기능

Design

실무 흐름 중심 · 불필요한 기능 제거 · 직관적 UI/UX. "사용자가 쓰기 쉬운가"가 유일한 기준.

04 Personal Projects

인프라부터 직접 설계한
개인 SaaS 3종.

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

How

같은 자가 인프라(Proxmox · Cloudflare · nginx) 위에 검증된 패턴(인증 · 알림 · 배포)을 재사용해 새 도메인을 빠르게 올립니다. 매번 처음부터 짜지 않기에, 1명이 여러 서비스를 동시에 운영할 수 있는 이유입니다.

실제 화면 · 데모 데이터

전체 흐름 — 칸반·이슈 이력·드라이브·관제

TeamHub Next.js Spring Boot Self-hosted LLM Proxmox Docker GitHub Actions

TeamHub — 통합 협업 플랫폼

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

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

Services

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

Infrastructure

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

Ops

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

Self-hosted AI

외부 API 없이 자체 호스팅 LLM으로 AI 업무 비서를 구현. 작은 로컬 모델을 하니스 기법으로 끌어올려 검색·데이터·태스크 모드를 붙이고, 매일 자동 회귀 평가로 품질 관리.

실제 운영 중 — haru-hub.com

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)
자체 호스팅 Ollama AI (Gemma)
cron 자동화 · Flyway 마이그레이션

Philosophy

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

실제 운영 중 — cashpulse.haru-hub.com

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

05 Experience

경력.

바디프랜드 현직

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

2024 — 현재

콜센터 관리자로 일하며 매일 마주치는 시스템 허점·운영 불편을 동료 모두를 위해 정리·개선
사내 핵심 운영 시스템(RMS)의 사용성·정합성 이슈를 정리해 벤더사와 협업으로 개선 반영
신제품 등록 시 약관 자동 연결 누락을 법적 리스크 관점에서 식별 → 의견 제출 후 제품군별 약관 자동 적재 구조 개선 + 기존 누락분 전수조사·보정

"약관은 법적인 분쟁 요소가 있을 수 있어 혹시 추가 누락은 없는지 전수조사 및 일괄등록, 제품 등록 시 필수약관 자동적재 등의 보완이 필요해 보입니다."

상담사 주문접수 화면의 펜딩·프리징을 소스 접근 없이 클라이언트 신호(모달 에러·Network pending·콘솔 로그)만으로 CTI 응답 지연 + API 호출 순서 이슈로 좁혀 벤더사 전달 → 개선 반영
표준 자동화가 통하지 않는 사내 RIA 시스템을 Playwright로 자동화 (5종 리포트, 수시간 → 수분)
약 50명이 실사용 중인 CRM 협업 웹앱 직접 설계·운영

매일 마주치는 비효율과 리스크를 동료 모두를 위해 시스템화 — 이 경험이 개인 SaaS 3종(TeamHub · CashPulse · haru-lease)으로 확장됐습니다.

넥스그리드

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 스타트업 사업 종료(폐업)로 퇴사

06 Contact

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

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

SaaS 소스는 비공개 · 코드는 요청 시 공유

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

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

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

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

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

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

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

Click Once

Remove, not Add

Time Back to Human

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

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

CRM WebApp — 운영·관리 시스템

인프라부터 직접 설계한 개인 SaaS 3종.

TeamHub — 통합 협업 플랫폼

Services

Infrastructure

CashPulse — 재무 흐름 관제 PWA

Services

Data Pipeline

haru-lease — 임대 관리 SaaS

Services

Security & Infra

경력.

바디프랜드 현직

넥스그리드

브링프라이스 스타트업

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

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

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

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

인프라부터 직접 설계한
개인 SaaS 3종.