이효린
github.com/hyorish03  |  linkedin.com/in/효린-이  |  hyorish03.tistory.com
LLM 기반 SQL 성능 진단·튜닝 플랫폼에서 대상 선정, 대시보드, 예약, SQL 직접입력 기능을 개발한 프론트엔드 개발자입니다. 공통 의존성을 분리해 초기 로딩을 개선하고, 타입 기반 설계로 복잡한 입력 조건을 모델링했습니다. AI Agent 기반 E2E 테스트 자동화로 릴리즈 검증 시간을 줄이고 회귀를 사전에 탐지했습니다.
Technical Skills
FrontendReact, TypeScript, Zustand, TanStack Query, Zod, ECharts
TestingPlaywright, RTL, MSW
ToolVite, Storybook, Orval, Git
Experience & Projects
엑셈 (Exem) 2025.04 – 현재
Frontend Developer · LLM플랫폼 팀
ExTuner LLM 기반 SQL 성능 진단과 튜닝 실행·예약을 지원하는 SQL 성능 최적화 플랫폼 2026.04 – 현재
React · TypeScript · Zustand · TanStack Query · Zod · Orval · MSW
Monaco 공통 엔트리 초기 로딩 개선
  • 문제:고객사 온프레미스 환경에 맞춰 Monaco를 로컬 번들에 포함한 뒤, 전역 import로 에디터가 필요 없는 화면에서도 대형 코드가 공통 엔트리에 포함돼 초기 진입 비용이 증가했습니다.
  • 수행한 일:Vite 빌드 결과와 소스맵 시각화로 의존 경로를 추적해 Monaco 설정을 에디터 사용 경로로 옮기고, 다른 불필요한 공통 의존성도 분리했습니다.
  • 성과:공통 엔트리 크기를 8.3MB → 1.96MB(76% 감소)로 줄이고, Lighthouse 측정 FCP를 7.6초 → 4.2초(45% 단축)했습니다. 두 수치는 gzip 적용 전 측정 결과입니다.
조건별 입력 상태 모델링과 회귀 검증
  • 문제:입력 조건에 따라 화면·검증·요청 값이 달라지는데 같은 분기 판정이 중복돼, 화면에서 숨긴 값이 전송되거나 수정한 날짜가 요청에서 누락되는 오류가 발생했습니다.
  • 수행한 일:흩어진 분기 판정을 공통 함수로 통합하고, Zod superRefine으로 조건별 검증을 모았습니다. 검증을 통과한 제출값만 판별 유니온으로 좁혀, 요청 매핑에서 잘못된 조합을 타입 수준에서 표현할 수 없게 했습니다.
  • 성과:잘못된 값 전송과 수정 내용 누락을 해결하고, 27개 조건 조합을 테스트로 고정해 변경 시 회귀를 감지할 수 있게 했습니다.
eXemble LLM 애플리케이션·에이전트 워크플로우 구성 및 운영 플랫폼 2025.08 – 현재
React · TypeScript · Zustand · TanStack Query · ECharts · Playwright
AI Agent 기반 E2E 테스트 체계 구축체계 구축 ↗E2E 상세 ↗
  • 문제:QA 인력 부재로 실제 사용자 플로우 검증이 수동 점검에 의존했고, 기능별 분기 테스트가 반복되며 릴리즈 리스크가 누적되었습니다.
  • 수행한 일:자연어 테스트 시나리오를 Playwright E2E 코드로 변환하는 AI Agent를 구축하고, 핵심 사용자 플로우 12개를 CI에서 검증하도록 구성했습니다.
  • 성과:배포 전 기능 검증 시간을 약 10분 → 30~60초로 단축했고, 최근 3번의 운영 배포에서 회귀 6건을 사전에 탐지했습니다.
지식베이스 문서 관리 UX 및 대용량 트리 성능 개선
  • 문제:문서 업로드 위치를 직접 입력해야 해 오류와 문의가 발생했고, 최대 10만 건까지 커질 수 있는 트리 구조에서 탐색 성능 저하가 예상됐습니다.
  • 수행한 일:RAG와 에이전트 워크플로우에 연결되는 지식베이스 문서 관리 UX를 탐색 기반으로 재설계하고, pagination과 virtualization을 적용했습니다.
  • 성과:화면에는 20개 내외의 요소만 DOM에 유지되도록 최적화했고, 2주간 15건 유입되던 경로 입력 문의가 개편 이후 추가 유입되지 않았습니다.
Writing

배운 것은 글과 발표로 남깁니다. 개인 블로그, 기술 블로그 기고, 사내 발표까지 이어지고 있습니다.

AI Agent로 테스트 자동화 정착시킨 방법 ↗
QA 없는 환경에서 Claude Code로 테스트 에이전트를 구축해 수동 검증 시간을 줄인 경험
QA 없는 팀에서 AI 에이전트로 E2E 테스트코드 찍어내기 ↗
Playwright 기반 E2E 테스트 작성 방식과 AI 에이전트를 활용한 테스트 코드 생성 흐름을 정리한 글
Obsidian + Claude Code로 나만의 RAG 챗봇 만들기 ↗
로컬 노트에 Claude Code를 연결해 개인 RAG 환경을 만든 방법
Awards
Exem 2025 사내 우수 도전·기여 포상
기술 블로그, 사내 발표, 개발 과제를 주도하며 기술 공유 문화 확산과 AI 플랫폼 기술 경쟁력 강화에 기여한 점을 인정받아 수상
2025.12
Exem 2025 Best-3X
입사 3개월 만에 빠른 실행력, 고객 중심 설계 사고, 지식 확산 기여를 인정받아 수상
2025.07
LG U+ SW 부트캠프 유레카 최종융합 경진대회 우수상
반려견 동반 가능 시설 공유 플랫폼 놀멍 개발 프로젝트로 수상
2024.12
2022 클라우드 아이디어 공모전 장려상
교통약자를 위한 저상버스 예약 서비스 설계로 수상
2022.12
Education
서울과학기술대학교  컴퓨터공학과 (편입, 졸업)
2024.02
LG U+ SW 부트캠프 유레카  프론트엔드 과정
2024.06 – 2024.12