Projects

Selected Work

실서비스에서 중요하게 보는 사용자 경험, 인터랙션, 유지보수성을 기준으로 작업한 프로젝트들입니다.

좌우로 스와이프해서 다음 프로젝트 보기 →

Project 01

사내 운영 시스템

설계심의 전문가 관리 시스템

DL_BUS · Vanilla JS → React Migration

공개용 캡처는 고객사/개인정보 마스킹 후 사용

Problem

레거시 구조로 화면 확장 시 결합도가 높고 유지보수 속도가 느렸습니다.

Approach

jqGrid 추상화 훅 + SRP 모듈 분리로 책임 경계를 명확히 재설계했습니다.

Impact

핵심 운영 화면을 안정적으로 이전하며 배포 리드타임을 단축했습니다.

성과

22개 파일 전면 재작성 · MR 23건 주도

2025.01 – 현재

ReactTypeScriptVanilla JSjqGridCSS Design Tokens

Project 02

웹 + 모바일

AI 기반 A/S 자동화 시스템

이미지 모델 학습 어플리케이션

공개용 캡처는 설비 정보·작업자 정보 비식별 처리 후 사용

Problem

현장 A/S 프로세스가 수기 중심이라 처리 시간과 입력 오류가 컸습니다.

Approach

레이블링-추론-결과 확인 흐름을 단일 UX로 묶고 상태 흐름을 단순화했습니다.

Impact

평균 처리 시간을 4시간에서 10분 수준으로 줄였습니다.

성과

A/S 처리 시간 4시간 → 10분 (95% 단축)

2025.03 – 2026.02

ReactTypeScriptReact NativeExpoCanvas API

Project 03

웹 애플리케이션

건설안전 위험성 평가 자동화

LLM 기반 전자 결재 시스템

결재 문서/현장 데이터는 익명화된 샘플 화면만 공개

Problem

평가표 작성·검토가 수작업이라 지연과 누락 리스크가 반복됐습니다.

Approach

LLM 초안 작성 + 권한별 결재 가드를 포함한 전자결재 플로우를 구현했습니다.

Impact

작성 시간을 2시간에서 5분 수준으로 단축했습니다.

성과

평가표 작성 시간 2시간 → 5분 (96% 단축)

2024.12 – 2025.04

ReactTypeScriptLLM StreamingSSE

Project 04

사이드 프로젝트

실시간 암호화폐 지갑

WebSocket 기반 실시간 거래 시스템

Problem

가격 변동 반영 지연으로 의사결정 타이밍을 놓치기 쉬웠습니다.

Approach

실시간 소켓 스트림과 상태 동기화 구조로 즉시 반영되게 구성했습니다.

Impact

사용자가 단일 화면에서 시세 확인과 자산 관리를 빠르게 수행합니다.

사이드 프로젝트

Next.jsNestJSTypeScript