Summary

4년 차 프론트엔드 엔지니어 로서, 단순 기능을 구현하는 것을 넘어 성능 병목의 근본 원인(Root Cause)을 분석하고 사용자 경험을 개선 하는 데 집요하게 집중합니다.
사내 공통 프레임워크(FFW)의 철학을 유지하면서 확장(Extension) 가능한 코드 베이스 를 설계하는 것을 지향하며, SPA 및 WebView 환경에서 주로 발생하는 Web Worker 관리, WebGL 메모리 누수 등의 브라우저 호환성 문제 를 주도적으로 해결했습니다.
또한 단순히 프론트엔드 환경에만 머물지 않고, 백엔드의 지연 시간에 대비한 비동기식 큐 아키텍처(Celery+Redis) 를 직접 설계해 논블로킹(Non-blocking) UX를 제공하는 시스템 전체의 완성도를 높이는 것을 즐깁니다.
성능 최적화와 안정적인 인프라 구축을 팀원들이 쉽게 활용할 수 있도록 모듈화하고 전파하여, 함께 높은 퍼포먼스를 낼 수 있는 환경을 만듭니다.

Work Experience

한국유투더블유 (우리은행 파견)

2025.09 - 2026.02
프론트엔드 공통 아키텍처 리드 (단기 프로젝트)
React 미경험 조직에서 3개월 만에 엔터프라이즈급 세입시스템을 성공적으로 오픈하고, 무결점 코어 프레임워크(FFW) 배포를 총괄했습니다.

Case 1: 타입 안정성 100% 보장을 통한 무결점 코어 제공

Problem
경험이 부족한 팀원들이 공통 모듈 사용 시 런타임 에러가 발생하면 프로젝트 일정이 치명적으로 지연될 리스크 존재.
Analyze
자유도 높은 `any` 사용이 암묵적으로 허용될 경우, 데이터 바인딩 시점의 타입 불일치가 전파되어 디버깅 비용이 기하급수적으로 증가함을 분석.
Action
코어 모듈 전담 관리 및 `any/unknown` 사용 원천 차단 정책 시행. 초기 단계부터 Console Warning/Error를 100% 제거.
Result
서비스 오픈 시까지 코어 단의 기능적 결함 0건 유지 Reliability 100%

Case 2: Web Worker 메모리 누수 원천 차단

Problem
무거운 이미지(UTIF) 처리용 Web Worker 인스턴스가 갱신 시마다 회당 60MB 씩 누적되어 브라우저 다운 발생.
Analyze
Chrome Heap Snapshot 프로파일링 결과, 가비지 컬렉터(GC)가 백그라운드 스레드의 인스턴스를 즉각 회수하지 못하는 병목 지점 확인.
Action
모달 종료 및 라우팅 시점에 Worker 생명주기에 맞춰 Terminate 를 명시적으로 호출하도록 전역 관리 로직 개편.
Result
이미지 모니터링 시 발생하는 치명적 메모리 점유 버그 100% 해결 Memory Leak 0MB

시어스랩 (Seerslab)

2023.07 - 2025.09
프론트엔드 엔지니어 (물류 로봇 시뮬레이터 Zenix)

Case 3: Iframe 샌드박싱을 통한 WebGL 메모리 해방

Problem
Unity Web 빌드 라이브러리 특성상 SPA 라우팅 시 `destroy`를 호출해도 메모리에 좀비 객체가 남아 OOM(Out of Memory) 발생.
Analyze
Unity 엔진과 브라우저 전역 스택 간의 강한 의존성으로 인해 순수 JS 레벨의 메모리 해제가 불가능함을 아키텍처 관점에서 진단.
Action
라우팅 시 **Iframe 통신망 전체를 파기 및 재생성**하여 물리적으로 메모리 스택을 격리하는 아키텍처 결단 및 구현.
Result
24시간 상시 구동하는 웹 시뮬레이터의 실서비스 가용성 및 안정성 확보 Uptime 99.9%

Case 4: 폐쇄망 환경의 3D 리소스 배포 자동화

Problem
보안 폐쇄망 내 Brotli 압축 로드를 위한 HTTPS 강제 조건 충족 및 셋업 과정이 복잡하여 배포 지연 발생.
Analyze
수동 SSL 설정과 수동 서버 배포가 전체 DevOps 파이프라인의 90% 이상을 점유하는 병목임을 파악.
Action
Nginx SSL 인증서 발급과 Brotli 서빙 서버 설정을 **Docker Image와 Shell Script로 묶어 파이프라인(CLI)으로 자동화**.
Result
수일이 소모되던 배포 셋업 시간을 10분 단위로 단축 Speed Up 144x

기타 경력 및 프로젝트

2021.02 - 2023.06
  • 아리아엣지 (2023.02~): PassAR 어드민 개발 및 UI 컴포넌트화, 백오피스 기틀 구축.
  • 사고링크 (6개월): RN 앱 레거시 전면 리팩토링 및 릴리즈 기한 준수.

Focus Project

Manselog (사주 분석 플랫폼 백엔드/인프라 설계) Side Project

서비스 바로가기 🚀

LLM 데이터의 한계(긴 대기 시간, 비정형 데이터)를 메시지 큐와 Pydantic 구조화를 통해 프론트엔드 최적화형 아키텍처로 개선하는 풀스택 관점 실험 프로젝트입니다.

Backend
AI 연산 대기 시간(수십 초)으로 인한 커넥션 고갈을 막기 위해 **FastAPI+Celery+Redis** 기반 비동기 분산 큐 고안.
AI/FE
Gemini SDK `Structured Output`과 Pydantic을 연계해 LLM 응답을 예측 가능한 JSON 스키마로 강제 규격화하여 데이터 바인딩 효율 극대화.

Engineering Philosophy

  • Root Cause First: 단순히 에러를 끄는 것이 아니라, 브라우저의 내부 동작과 메모리 레이어까지 파고들어 문제의 근본 원인을 해결하는 것을 즐깁니다.
  • Reliable Platform: 동료들이 비즈니스 로직에만 집중할 수 있도록, 예측 가능한 프레임워크 확장과 안정적인 인프라를 제공하는 것이 플랫폼 엔지니어의 핵심 가치라고 믿습니다.

Education

군산대학교 컴퓨터 정보통신공학 학사 2013.03 - 2019.02

전공 평점: 3.95 / 4.5