• 제품 개요: B2B 세일즈를 위한 통합 CRM 및 영업 파이프라인 관리 솔루션 Relate

• 기술 스택: Vue.js, Ruby on Rails, Hotwire, Stimulus

• Relate Docs - 문서 공유 및 트래킹 제품 구축

  • 외부 도구 사용으로 인한 데이터 파편화 문제를 해결하고, CRM 내부에서 문서 공유 및 열람 행동을 추적할 수 있는 제품을 기획부터 런칭까지 주도.

  • 서버 부하를 줄이기 위해 클라이언트에서 체류 시간을 계산 후 서버에 누적하는 방식으로 구조 전환.

  • 성과: 월간 방문자 수 51명에서 약 12,500명까지 안정적으로 트래픽 소화.

• Relate Forms - 고객 수집용 폼 빌더 제품 구축

  • 외부 폼 도구 연동 시 발생하는 데이터 수동 입력 피로도와 누락 문제를 해결하기 위해, 응답 데이터가 고객 레코드로 자동 매핑되는 내장형 폼 빌더를 기획부터 런칭까지 주도.

  • 초기에는 폼 응답과 CRM 고객 데이터의 자동 매핑에 집중, 이후 조건별 페이지 라우팅 기능을 모듈화하여 확장.

  • 스팸 체커 도입으로 허수 데이터 인입 차단.

  • 성과: 약 14,000건 이상의 리드 데이터가 자동으로 등록되는 자동화 효과 달성.

• Relate Pulse - 통합 고객 행동 추적 인프라 구축

  • Docs, Forms, Email 등 개별 제품군의 유저 행동 데이터를 통합하여 고객의 전체 여정을 단일 뷰로 제공.

  • 공통 이벤트 데이터 모델과 쿠키 기반 트래킹으로 해결

  • 성과: 다채널 세일즈 파이프라인 행동 데이터를 한 곳으로 통합, 제품 차별성 확보.

• Product Analytics Data Tracking 시스템 구축

  • 데이터 모델 중심의 사용자 행동 데이터 전송 시스템을 구축하여, 제품 기능 추가 시 별도의 공수 없이 자동으로 행동 데이터가 캡처 및 추적되도록 설계.

• 주요 비즈니스 기여 및 커스텀 대응

  • Relate Meetings 런칭: 화이트 라벨링 방식으로 미팅 스케줄링 서비스 신속 런칭(100개 이상 워크스페이스에서 사용중).

  • 아키텍처 격리를 통한 비즈니스 딜 성공: 대형 고객사의 특수 요구사항을 독립 커스텀 솔루션으로 격리 구현하여 제품 표준을 보호하면서 비즈니스 계약 성공.

• Ruby on Rails 기반 제품 고도화 및 기술 스택 전환

  • 대용량 데이터로 프론트 상태 관리가 복잡해지고 성능이 저하되는 문제로 인해 SSR 중심의 Rails+Hotwire로 점진 전환.

  • Hotwire 및 Stimulus 조합으로 프론트엔드 UI를 슬림하게 재구축하고, 코드베이스를 통합하여 프론트엔드-백엔드 간 스펙 파편화를 해소함.

  • 성과: 대부분의 프로젝트가 2주 단위의 빠른 사이클로 회전할 수 있는 생산성 기반을 마련. UI 요소 표준화 및 디자인 시스템 도입으로 재사용성과 개발 공수 절감.

• 제품 개요: 농산물 B2B 유통 플랫폼 '신선하이' 및 '팜모닝 전자영수증' 서비스 개발

• 기술 스택: ReScript, Relay, GraphQL

• ReScript & Relay 기반 어드민 및 웹 서비스 개발

  • JavaScript/TypeScript 환경의 한계를 보완하기 위해 ReScript가 메인 스택으로 채택됨. 컴파일 타임에 타입 안정성을 검증하는 프론트엔드 아키텍처 가이드 준수.

  • GraphQL 클라이언트인 Relay 도입, 각 UI 컴포넌트가 필요한 데이터를 선언적으로 제어하는 구조 적용.

  • 성과: 신규 프로젝트와 기능에 Relay를 안정적으로 구현하여 조직 내 성공적인 기술 레퍼런스(Best Practice) 다수 구축. ReScript의 타입 안정성과 Relay의 선언적 데이터 검증으로 웹 서비스 및 어드민 대시보드의 런타임 에러 발생 가능성을 낮추고 시스템 안정성 제고.

• 제품 개요: IT 현직자 인사이트 큐레이션 플랫폼 '커리어리(Careerly)' 웹 서비스 개발

• 기술 스택: React, Redux, Node.js, TypeScript, Swagger

• 커리어리 초기 제품 기능 풀스택 개발 및 안정적 서빙

  • 서비스 초기 단계에서 유저 성장세에 맞춰 새로운 핵심 기능들을 빠르게 구현하고 안정적으로 시장에 선보임.

  • Node.js와 TypeScript 기반으로 분리된 백엔드 도메인 내 REST API 설계 및 구현, React와 Redux를 활용한 풀스택 개발 수행.

  • Swagger로 API 문서 작성 및 관리.

  • 성과: 채팅 기능 등 주요 마일스톤을 책임지고 개발하여, 트래픽이 늘어나는 유저 성장기 구간에서 안정적으로 서비스 서빙.

• 제품 개요: AI 기반 음성 인식 및 자막 편집 데스크톱 애플리케이션 개발

• 기술 스택: Electron, Firebase, Azure Cloud Functions

• Serverless 기반 아키텍처 설계 및 Azure STT 비동기 서비스 구현

  • Firebase 기반 Serverless 아키텍처, Azure AI 서비스 연동 및 백엔드 파이프라인 구축.

  • 대용량 음성 인식(STT) 작업을 비동기로 처리하기 위해 폴링 구조 설계 및 구현.

  • Electron을 활용하여 크로스 플랫폼 데스크톱 앱 빌드.

  • 성과: 서버 관리 공수를 최소화한 인프라 구조 위에서 핵심 AI 기능을 결합하여 오픈 베타 버전 성공적 출시.

• 제품 개요: AI 기반 암 진단 및 병리 이미지 분석 의료 소프트웨어 개발
• 기술 스택: React, TypeScript
• 의료 인공지능 이미지 분석 웹 뷰어 프론트엔드 UI 개발
  • React와 TypeScript를 활용하여 의료 분석 데이터를 시각화하는 프론트엔드 UI 아키텍처의 초기 컴포넌트 설계 및 화면 구현 담당.
  • 기가픽셀 급 병리 이미지 위에 AI 분석 암 영역(ROI) 데이터를 오버레이하여 보여주는 인터랙티브 UI 컴포넌트 구현.
  • 성과: 임상 연구 및 시제품 단계의 의료 웹 소프트웨어 UI를 안정적으로 마일스톤에 맞춰 구현, 제품 상용화 가시성에 기여.

-React, Vue.js, TypeScript, JavaScript, Redux, Vuex, ReScript, Relay, GraphQL

• 프로젝트 개요: 교회 재정, 재적, 소모임 관리를 지원하는 SaaS 서비스 개발 및 운영

• 역할 및 개발 내용:

  • 1인 프로젝트로 초기 아키텍처 설계 및 핵심 기능(재정 관리 파이프라인, 교인 데이터베이스 스키마 설계 및 UI 연동) 개발.

  • 100여 명 규모의 교인을 보유한 실제 교회 환경을 대상으로 유저 요구사항 수렴 및 인프라 대응을 위한 클로즈 알파 테스트 운영 중. 사업화 계획 있음.