PORTFOLIO | SYSTEM DASHBOARD
Available for work

Developer

이유비 / YooBi LEE

QA 엔지니어의 꼼꼼한 시선으로,
AI와 웹 기술을 활용해 사용자와 업무의 문제를 해결하는 개발자로
성장하고 있습니다.

GitHub
Developer
Vanilla JS React Three.js TypeScript
github.com/yoobilee
YB

이유비 YooBi LEE

QA Engineer → Developer

Available for work
2+ Years QA
4 Projects
2026.04.19 Available
00:00:00
2026년 달성률 0%
진행 중인 할 일 0
/ 0 total
다음 일정

가까운 일정 없음

Build & Validation Journey
적용 범위를 불러오는 중
Developer

이유비
YooBi LEE

QA 엔지니어의 꼼꼼한 시선으로
사용자 경험을 설계하고 구현합니다.

Available for work
About

"사용자의 신뢰를 코드로 렌더링하는 개발자, 유비입니다."

화려한 UI 뒤에 숨겨진 '단단한 기본기'를 중시합니다. 2년여의 소프트웨어 품질 검증(QA) 경험은 저에게 엣지 케이스를 예측하고 렌더링 성능을 최적화하는 날카로운 시야를 길러주었습니다.
단순히 동작하는 화면을 넘어, 다양한 환경에서도 안정적으로 사용할 수 있는 인터페이스를 구축하는 개발자로 성장하고 있습니다.

모든 프로젝트에서 Claude, Codex, Gemini 등 AI를 설계 보조 및 구현 가속 도구로 활용했으며, Worky·WORKY mini·그누보드5 포트폴리오는 Claude Code로, SHIFT는 Codex로 직접 협업했습니다. 직접 설계한 부분과 AI로 가속화한 부분은 각 프로젝트 README에 구체적으로 명시했습니다.

02+ Years in Tech
06+ Web & AI
Projects
0 Monthly
Commits
0 Yearly
Commits
Skills

Frontend

JavaScript HTML5 / CSS3 SPA Architecture React TypeScript Next.js Vite Tailwind CSS Responsive Web Web Accessibility

Backend & Infra

Supabase Firebase PHP / MySQL Gnuboard5 Vercel GitHub Actions

AI & Automation

Python Claude & Claude Code ChatGPT & Codex Gemini

QA & Testing

TC/TS Design & Execution Performance Testing Log Analysis API Testing Zephyr GameBench Pro

Collaboration & Tools

Git / GitHub Jira / Confluence Notion

프로젝트에 사용한 기술과 도구입니다. AI를 활용한 작업 과정은 각 프로젝트 설명에 담았습니다.

Experience
QA Engineer 2025.12 — 2026.04

컴즈(주) | 현대자동차 통합모바일 서비스

  • 정비 효율화를 위한 태블릿 앱 Phase 1 개발 단계 QA 및 성능 테스트 진행
  • 핵심 모듈(RO) 데이터 요청/수신 안정성 검증을 위한 1,000개 이상의 TC/TS 설계 및 수행
  • 성능 테스트 프로세스가 부재한 상태에서 GameBench Pro를 테스트 툴로 직접 선정, 베이스라인이 없어 팀 회의(과장님 주도)를 거쳐 임의 기준점을 설정하고 1차 성능테스트 3회 진행
  • 2차 성능테스트를 담당해 고객사 요청에 따라 실패 항목 표본을 20회까지 반복 테스트로 확보. 현대차 보안 정책상 외부 개발 툴 사용이 제한되어 Google Colab으로 데이터를 시각화하고, 명확한 기준점 추출을 위해 P90(90분위수) 지표 도입을 직접 건의해 반영시킴
  • 부품 검색(예: "오일" 검색 시 관련 부품 대량 조회) 과정에서 발생하는 타임아웃 에러 발견
  • mpass 인증 앱 로그인 TC 수행 중 화면을 육안으로 지속 모니터링하다 인증 타이머가 47초→46→45초로 2초씩 건너뛰며 줄어드는 현상을 포착 — 화면 표시 60초와 실제 만료 30초 간 불일치 결함 발견
  • → 대량 데이터 조회 타임아웃과 화면 표시값·실제 동작의 불일치를 검증하면서, 화면상 성공 여부보다 실제 처리 결과를 확인하는 기준을 익혔습니다. 이 관점은 Worky에서 자동화 워크플로의 HTTP 응답과 저장 결과를 별도로 검증하고, 판단이 불확실한 경우 사람에게 넘기도록 흐름을 보완하는 데 활용했습니다.
QA Engineer 2025.10 — 2025.11

컴즈(주) | 현대자동차 국내판매시스템

  • 판매금융 파트 대대적 개편에 따른 기획서 기반의 TC 설계 및 상시 업데이트
  • 높은 기획 변동성에 대응하여 금융 프로세스별 예외 케이스와 비즈니스 로직 정밀 검증
  • → 판매 대상과 차종에 따른 조건 분기 및 연관 화면의 영향을 검토한 경험을 바탕으로, Smart Wallet에서도 특정 계좌만 기준으로 기능을 단순화하지 않고 다른 증권사와 향후 잔고 변동까지 고려해 수동 잔고 구조를 유지했습니다.
QA Engineer 2025.09 — 2025.10

컴즈(주) | 가상화폐 플랫폼 'Flipster'

  • 안드로이드 부문 2,000개 이상의 Full TC 및 Regression 테스트 고속 수행
  • API 환경 조작 및 계정별 조건 생성을 통한 데이터 기반의 이벤트 혜택 로직 검증
  • 투자 성과 데이터와 래더 페이지 순위 간의 정렬 로직 이슈 발견 및 정정 기여
  • → BO에서 계정 조건과 API 환경을 직접 구성하고 결과 데이터의 정렬과 노출을 검증한 경험은 Smart Wallet에서 데이터 상태별 결과를 확인하는 방식으로 이어졌습니다. API 중복 요청, 데모·실사용 데이터 분리, 날짜 조건에 따른 집계 결과를 각각 검증하고 수정했습니다.
QA Engineer 2024.01 — 2025.08

(주)와이즈와이어즈 | 현대오토에버 커넥티드 앱 프로젝트

  • 기존 CCS(블루링크, Kia Connect) 유지보수 및 신규 CCI(MyHyundai, KIA) 통합 리뉴얼 프로젝트 참여
  • 평소 로그값을 자주 확인하는 습관을 바탕으로, 열선 시트 단수(0=꺼짐, 1~3단) 로그값이 차량 설정값과 앱 표시값 간 불일치하는 결함을 조기 발견
  • 타이어 공기압 상태(기본값 포함 3단계) 로그값과 앱 UI 표시 간 불일치, 위치 공유 기능 활성화 시 로그값(0/1) 불일치 등 앱-차량 데이터 정합성 결함 다수 발견
  • → 앱 화면과 로그값을 대조해 데이터 정합성과 중복 표시 결함을 찾던 경험은, 이후 프로젝트에서도 UI뿐 아니라 저장 시점과 실제 데이터 상태를 함께 확인하는 기준이 됐습니다. Worky에서는 스트리밍 응답 중 Q&A 히스토리가 여러 번 저장되는 원인을 찾아 완료 시점에 한 번만 저장하도록 수정했습니다.
  • 이슈 등록 시 로그값을 함께 첨부하는 방식으로 개발자의 원인 파악 및 수정 속도 향상에 기여
  • 소유자 환경별(멤버십, 사업자 명의 등) 권한 및 결제 약관 동의 프로세스 예외 케이스 설계 및 TC 수행
  • 지도 서비스 내 특정 액션 시 발생하는 런타임 크래시를 배포 전 다수 발견하여 출시 품질 안정화 기여
  • 차량 네비게이션 및 원격 제어 기능과 앱 간의 연동 안정성 평가를 위한 실차 테스트 수행
  • → 다국어 QA에서 텍스트 오버플로우와 레이아웃 깨짐을 검증한 경험은 Worky의 한·영 UI와 WORKY mini의 한글 창 이름 처리 과정에서 언어별 표시와 인코딩을 별도로 확인하는 데 활용했습니다. WORKY mini에서는 PowerShell에서 한글이 깨지는 원인을 문자열 전달 방식으로 좁혀 Unicode 변환을 적용했습니다.
Projects
Portfolio 메인화면
Dashboard 페이지
01 Live

Personal Dashboard & Portfolio

Vanilla JS + Three.js 기반 SPA. 칸반 보드·캘린더·지식 아카이브를 통합한 개인화 대시보드 겸 포트폴리오. 글라스모피즘 UI와 hash 기반 라우팅, localStorage 상태 관리를 직접 구현했습니다.

Vanilla JS Three.js CSS SPA
Smart Wallet Overview
Smart Wallet Investments
02 Live

Smart Wallet Dashboard

React + Supabase 기반 개인 자산 관리 웹앱. 계좌·투자·구독 통합 관리, CSV 업로드로 거래내역 자동 분류, Yahoo Finance API 실시간 주가 연동. 라이트/다크 모드 및 데모/실제 모드 지원.

React Supabase Vercel Tailwind CSS
Worky 홈화면
Worky 이메일 작성
03 Live ✦ Claude Code

Worky — AI 업무 보조 도구

신입 사무직 직장인을 위한 AI 기반 업무 보조 웹앱. 이메일·문서 작성, 데이터 정리, 거래처 관리 등 반복 업무를 AI로 처리. Gmail API 연동으로 앱 내 이메일 직접 전송 가능.

Next.js TypeScript Supabase Groq API
WORKY mini 첫 화면
WORKY mini 창 펼치기
04 Live ✦ Claude Code

WORKY mini — 거래처 관리 데스크탑 앱

Worky 웹과 연동되는 Windows 데스크탑 앱. 거래처별 카카오톡 채팅방 빠른 열기, 보고 메시지 클립보드 복사, Supabase Realtime 실시간 동기화 및 창 자석 기능 구현.

Electron React TypeScript Supabase
그누보드5 포트폴리오 모바일 화면
그누보드5 포트폴리오 작업 상세 페이지
그누보드5 포트폴리오 메인 페이지
05 Live ✦ Claude Code

그누보드5 포트폴리오

그누보드5 테마와 게시판 스킨을 새로 구성한 포트폴리오. 코어를 수정하지 않는 원칙 아래 기본 스킨의 테이블 마크업을 시맨틱 구조로 재구성하고, 웹 접근성과 반응형 대응까지 직접 구현.

PHP Gnuboard5 HTML5 CSS3 JavaScript MySQL
SHIFT — BASKET DAY DELI 메인 화면
SHIFT — MORU SPACE 메인 화면
SHIFT — VECTORON SYSTEMS 메인 화면
06 Live ✦ Codex

SHIFT — AI 웹사이트 쇼케이스

산업기술·인테리어·로컬 F&B 세 업종의 홈페이지를 하나의 제작 시스템으로 구현한 쇼케이스. 백엔드 없이 React와 History API만으로 업종별 테마·라우팅·접근성을 직접 설계.

React TypeScript Vite Vercel
HOW I BUILD

FROM QA TO AI-ASSISTED BUILDER

Build & Validation Journey

기술 목록보다, 문제를 정의하고 결과를 검증하며 적용 범위를 넓힌 과정을 보여줍니다.

To Do (할 일)

Doing (진행 중)

Done (완료)

2026년 3월

날짜를 선택해주세요 📅

등록된 메모가 없습니다.

Level Up Log

Knowledge Archive

개발자로 성장하며 영감이 된 기록들입니다.

# 제목 카테고리 설명

PHASE 01

문제를 기능으로 구체화

문제와 선택

AI 협업

검증과 결과