손호영

올잇원·알파인랩 합병으로 출범한 회사에서 기존 VROOM 제품과 신규 교육·커뮤니티 서비스를 개발했습니다.
개발자 3명으로 구성된 팀에서 2025년에는 기술 선택과 초기 구조 설계를 포함한 프론트엔드 전반을 맡았습니다.
2026년부터는 백엔드 개발과 AWS 배포·운영까지 담당 범위를 넓혔습니다.

• SURF-LAB
  학습자·교육 운영 시스템 — 초기 구축 2025.05 ~ 2026.01, 이후 기능 개선

  • USER·ADMIN의 기술 선택과 초기 구조 설계, 모노레포 통합 및 공통 페이지·UI·API 로직 분리
  • 과정 생성·교육생 배정·학습 현황·성적·수료증 화면 구현, 개발 후반에는 관련 API와 데이터 처리까지 담당
  • JWT 동시 갱신 요청 병합과 다중 탭 인증 동기화 구현, Playwright 기반 인증 회귀 테스트 구성
  • 외부 AI API를 실습 채팅·역량 분석 화면에 연결하고, 스트리밍 응답과 성장 차트·추천 UI 구현

• VROOM 고객사 맞춤 구축·고도화
  CSTEC — 2025년 납품, 2026년 추가 요구사항 반영 중

  • 기존 VROOM을 고객사 교육 환경에 맞게 개선·납품하고, 전역 문제은행·기수별 비교 평가·Excel·PDF 리포트 개발
  • 사용 중인 학습 자원의 삭제·변경 보호와 중복 eBook 데이터의 검사·원본 보관·정리 절차 구현
  • 폐쇄망 배포를 위한 외부 의존성 로컬화, Docker Compose 통합 및 DB 백업·복원·마이그레이션 절차 구성

• Vyblab
  개발자 커뮤니티와 소스 진단 서비스

  • 커뮤니티 사용자·관리자 기능과 Supabase 기반 인증·데이터 접근 제어 구현, 서비스 출시 및 운영 배포 참여
  • 소스 업로드·진행률·결과 조회 화면과 외부 진단 엔진 연결, 실패 재시도 및 원본 파일 복구 흐름 구현
  • 콘텐츠 수집 API·worker를 분리하고, 작업 큐와 결과 전달 실패 시 재시도·복구 처리 구현
  • EC2의 SQLite 기동 오류를 디스크 고갈로 진단하고, 캐시 정리·EBS 및 파일시스템 확장으로 크롤러 복구

• PADO 공식 홈페이지
  2025년 출시, 현재 운영 중

  • Next.js 기반 반응형 홈페이지와 MDX 뉴스룸 개발, 한국어·영어 지원 및 SEO·배포 환경 구성

교육 플랫폼의 콘텐츠 편집·실습·수료 기능과 사이버 전장 3D 시각화 도구를 개발했습니다.
전면 교체가 어려운 기존 Express.js 서비스에는 Shadow DOM을 활용해 React를 점진적으로 도입했습니다.

• VROOM
  클라우드 기반 정보보호 훈련장

  • Shadow DOM으로 기존 Express.js 서비스와 스타일·DOM을 분리하고, React 컴포넌트를 점진적으로 도입
  • 시험·eBook·마이페이지·쪽지함·학습 현황의 UI와 기능 설계 및 개발
  • 수료 조건 판단 로직과 jsPDF 기반 수료증 발급 기능 구현
  • PandaCSS·React Query·ky 적용 및 Storybook 기반 컴포넌트 개발 환경 구성

• 잇러닝
  eBook 기반 실습형 학습 플랫폼

  • Next.js 기반 SSR 도입, 강의·챕터·콘텐츠를 관리하는 학습 콘텐츠 편집기 구현
  • ToastEditor·MonacoEditor를 커스터마이징해 Markdown·코드 작성 기능 개선
  • Pyodide 코드 실행과 Docker·Xterm.js 기반 웹 터미널을 연결한 브라우저 실습 환경 구현

• 사이버 전장 시각화
  3D 네트워크 시각화 데모

  • Three.js 기반 3D Globe와 네트워크 토폴로지 구현
  • 노드·링크 연결 구조, 곡선 경로 애니메이션 및 드래그 기반 편집 기능 개발
  • 보안 컨퍼런스 및 내부 기술 데모 전시

건축주·건설사 간 계약을 지원하는 경쟁입찰 서비스와 적산 관리 어드민을 개발했습니다.
프로젝트 구조·개발 환경·온보딩 문서를 정리하고, 2주 단위 스프린트, 코드 리뷰와 테크톡을 기반으로 협업했습니다.

• 경쟁입찰 시스템
  건설사 견적 비교 및 계약 지원 서비스

  • 건설사별 견적 비교와 외부 건설사에 현장을 홍보하는 흐름 개발
  • 합성 패턴을 활용해 컴포넌트 간 prop drilling 완화
  • Intersection Observer 기반 커스텀 훅으로 무한 스크롤 구현
  • 서비스 개선 이후 건축주·건설사 간 계약 전환율 25% 증가

• 적산 데이터 파싱 규칙 관리
  외부 적산 데이터 변환·검증 도구

  • Ant Design 기반 데이터 관리 UI 구현
  • 정규표현식 기반 데이터 변환 규칙과 변환 결과 테스트 기능 개발

• Frontend: React, Next.js, TypeScript, Vite
• UI & Styling: Storybook, Tailwind CSS, PandaCSS, Emotion
• API & Data: JWT 인증, SSE 스트리밍, Prisma, Supabase
• Testing & Operations: Playwright, MSW, Docker Compose, AWS EC2·EBS, DB 백업·복원