김종빈
📧 dev.bean06@gmail.com•🔗 github.com/Beaneee
💼 Professional Summary
👨‍💻
4년차 프론트엔드 개발자로 React 기반 서비스 개발 및 운영 경험을 보유하고 있습니다. 팀 리딩, 성능 최적화, 자동화를 통해 생산성과 사용자 경험을 개선하며, 기획 단계부터 참여해 기술적 실현 가능성을 검토하고 최적의 솔루션을 제시합니다.
🎯 핵심 역량
🛠️ Technical Skills
카테고리기술 스택
Frontend
ReactTypeScriptJavaScriptVueNext.js
State Management
ReduxZustandJotai
Styling
Styled-componentsTailwindcss
Build Tools
ViteCRApnpm
💼 Work Experience
투라인클라우드
Frontend Developer | 2022.06 ~ 재직 중
쿠0사 차량 관리 시스템
2023.10 ~ 2024.05
차량 정비 및 보험 관리 B2B 서비스
TypeScriptReactRedux
▾프론트엔드 팀 리딩 및 아키텍처 설계
→ 요구사항 분석 기반 업무 분배 및 진행 상황 관리로 일정 내 릴리즈 달성 (기여도 90%)
▾대용량 데이터 렌더링 성능 최적화
→ 테이블 필터 라이브러리에서 지원하지 않는 virtualization 기법 활용
→ 화면에 노출되는 데이터만 렌더링되도록 구조 변경
→ 결과: 렌더링 성능 1.5s → 0.5s 개선, 스크롤 지연 및 UX 저하 문제 해결
▾다국어 리소스 자동화로 개발 효율 극대화
→ Google Spreadsheet API 활용 다국어 리소스 자동 생성 프로세스 구축
→ 결과: 반복 작업 자동화로 업무 효율 및 개발 생산성 90% 향상
→ 사내 Confluence 공유로 유사 프로젝트 표준 사례로 확산
▾다직군 협업을 통한 B2B 서비스 개발 및 운영
→ 기획·디자인·백엔드와 협업하며 웹 및 모바일 환경 대응
S0사 AI 면접 플랫폼
2024.09 ~ 2024.11
웹캠·음성 기반 AI 면접 서비스
TypeScriptReactJotaiVitepnpm
▾프로젝트 아키텍처 설계 및 구축 (기여도 80%)
→ 초기 단계부터 폴더 구조, 상태 관리(Jotai), 빌드 환경(Vite·pnpm) 등 프로젝트 전반 설계 주도
→ 결과: 일관된 개발 기반 확립으로 3개월 내 안정적 릴리즈 달성
▾코드 일관성과 재사용성을 고려한 공통 컴포넌트 개발 (기여도 80%)
→ 반복 UI를 재사용 가능한 구조로 설계하여 코드 일관성 확보 및 개발 생산성 향상
▾웹캠·오디오 미디어 기능 구현
→ react-webcam 활용 면접 영상 촬영 기능 구현
→ wavesurfer.js 활용 오디오 시각화 및 재생 기능 개발
S0사 반도체 머신러닝 플랫폼
2025.04 ~ 진행 중
반도체 공정 이상 모니터링 및 검사 AI
JavaScriptReactReduxZustandStyled-components
▾레거시 코드 리팩토링으로 서비스 품질 개선
→ 공통 컴포넌트 기능 비정상 동작 이슈 직접 분석·개선
→ 결과: 장기 미해결 오류 해결로 기능 안정성 및 사용자 경험 향상
▾빌드 및 개발 환경 현대화 (진행 중)
→ CRA → Vite 마이그레이션으로 빌드 속도 및 개발 효율 개선 진행
→ React 16 → 18 메이저 버전 업그레이드 (레거시 호환성 고려한 단계적 전환)
S0사 구매 AI 플랫폼
2025.01 ~ 2025.03
협력사 추천 및 RFP 생성 AI 서비스
TypeScriptReactJotaiVitepnpm
▾LLM API 응답 지연 환경에서 사용자 제어권 강화를 위한 Abort UX 설계
→ LLM API 특성상 응답 지연이 불가피한 상황에서 사용자 이탈 문제 해결 필요
→ 기획 단계에서 Abort 인터랙션을 선제적으로 제안하여 사용자가 요청을 직접 중단 가능하도록 설계
→ Jotai 기반 전역 Abort 상태 설계로 API 요청 취소 로직 공통화 및 불필요한 요청 최소화
→ 결과: 평균 체감 대기 시간 25% 단축
▾AI 챗봇 실시간 통신 구현
→ fetch SSE(event-stream) 기반 스트리밍 응답 처리 기능 구현
→ LLM 응답을 실시간으로 화면에 렌더링하여 사용자 대기 경험 개선
▾공통 컴포넌트 설계 및 구현 (기여도 70%)
→ 테이블, 페이지네이션, text-editor, input 등 재사용 가능한 구조로 설계
→ 결과: 신규 참여자 빠른 적응, 코드 일관성 확보 및 유지보수 비용 감소
🎓 Education
아주대학교
(정보 통신)미디어학과 | 2014.03 ~ 2021.02