본문으로 건너뛰기

FRONTEND DEVELOPER · RESUME

이우진

프론트엔드 개발자

웹 서비스의 초기 화면 구축부터 기존 코드 구조 개선, 배포·운영까지 프론트엔드 전반을 경험해 왔습니다. React·Next.js·TypeScript를 기반으로 스타트업 정규직과 프리랜서 프로젝트를 거치며 데이터 중심의 업무 화면과 복잡한 인터랙티브 UI를 구현하고 상태 관리 구조를 개선해 왔습니다. AI를 활용해 아이디어나 요구사항을 빠르게 동작하는 결과물로 만들고, 구현된 화면을 바탕으로 사용 흐름과 디테일을 반복해서 다듬습니다.

시각적 경험과 기술적 안정성의 조화를 통해 사용자에게 인상 깊은 경험을 제공하고자 합니다. 디자인 전공 경험을 바탕으로 화면의 구성과 사용 흐름을 함께 살피고, 상세한 화면 설계가 없는 상황에서도 요구사항에 맞는 UI를 구현하며 피드백을 반영했습니다. 기획자·디자이너·백엔드 개발자와 구현 방향을 조율하고 사용성과 유지보수성을 함께 고려합니다.

경력

프리랜서

프로젝트 단위 · 프론트엔드 개발자

디지털 자산 관리 시스템 고도화

기존 솔루션의 신규 환경 이관과 기능 변경·개발 · 진행 중

  • Next.js
  • TypeScript
  • TanStack Query
  • Zustand
  • React Hook Form
  • Zod
  • 기존 솔루션을 신규 환경으로 이관하고 새로운 자산 개념과 업무 규칙에 맞춰 주요 화면·처리 흐름·제약 로직 변경·개발
  • Redux·Redux-Saga로 관리하던 서버 상태를 TanStack Query로 단계적으로 이관하고, UI 상태는 Zustand로 분리해 상태 관리 구조 단순화
  • React Hook Form·Zod 기반 폼을 적용하고 목록 UI·반복 로직 공통화, 미사용 기능·의존성 정리로 변경·유지보수 범위 축소
  • AI Agent를 코드 탐색·기능 구현·리팩토링에 적극 활용하고, 구현 결과와 주요 코드를 확인하며 기능의 실제 동작을 검증·수정
자세히 보기

QUVE 홈페이지

유아 교육 서비스 홈페이지

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Zustand
  • TanStack Query
  • 출시 3주 전 합류해 랜딩·멤버십·마이페이지의 미완성 화면 보완·신규 개발
  • 기존 퍼블리싱을 Next.js로 구현하고 결제 API 연동 및 출시·초기 안정화에 기여
자세히 보기

모임특별시

취향 기반 소셜 모임 플랫폼

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Zustand
  • React Hook Form
  • TanStack Query
  • 실제 앱의 날짜 선택 스크롤 오류와 키보드 하단 여백을 수정해 모바일 UX 개선
  • 리뉴얼 중 의존성이 얽힌 기존·신규 코드를 Knip으로 분석해 중복·미사용 코드 정리
자세히 보기

전기차 충전소 관리 시스템

전기차 충전소 관리 시스템(CSMS) 개발

  • React
  • TypeScript
  • Tailwind CSS
  • Zustand
  • React Hook Form
  • Zod
  • 기존 관리 화면 패턴에 맞춰 조회·등록·수정 UI와 API 연동을 개발해 데모 일정 준수에 기여
  • Refresh Token 기반 인증을 구현하고 여러 테이블이 공유하던 Zustand 상태를 테이블별로 분리
자세히 보기

독자시점주의 <From You>

독자 설문형 인터랙티브 웹사이트 · 기간 중 3차례 외주

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • 상세한 화면 설계가 없는 상태에서 기자들이 전달한 기사·이미지·요구사항을 바탕으로 UI를 구현하고 피드백에 따라 화면과 동작 조정
  • SVG 지도·드래그 앤 드롭·차트·스크롤 애니메이션을 활용한 다양한 인터랙션과 반응형 웹 구현 및 AWS Amplify 배포·서브도메인 설정
  • 해당 프로젝트를 활용한 인천일보팀의 보도 제423회 이달의 기자상 수상
자세히 보기

주식회사 비멕스 (BMEKS Co., Ltd.)

정규직 · 연구개발팀 · 프론트엔드 개발자

ATOP.DMS

기업 맞춤형 데이터 관리 시스템 SaaS

  • Next.js
  • TypeScript
  • Recoil
  • React Query
  • Material UI
  • 엑셀 표 목록의 렌더링 지연을 개선하기 위해 기존 데이터를 가상 스크롤을 지원하는 MUI DataGrid 형식으로 변환·교체
  • 엑셀 워크시트 데이터 수신·처리 방식을 수정하고 다중 워크시트 기능 개발로 데이터 표시·조회 기능 확장
  • Apache ECharts 기반 데이터 정제·차트 시각화와 Formula 수식 입력·변수 추가·오류 처리 기능 개발
자세히 보기

Cusmetic

설문을 통한 피부 타입 진단 및 화장품 적합도 추천 서비스

  • Next.js
  • TypeScript
  • Recoil
  • Tailwind CSS
  • NextAuth
  • React Query
  • Next.js App Router 기반 개발 환경 구성 및 사용자·관리자 화면 전체 개발
  • NextAuth 소셜 로그인과 URL 검색 상태 관리, Debounce·무한스크롤 목록 구현
자세히 보기

공정 안전 관리 시스템

공정 프로세스 안전을 위한 작업 및 문서 관리 시스템

  • Next.js
  • TypeScript
  • Recoil
  • React Query
  • NextAuth
  • Material UI
  • 크기·비율이 다른 도면에 작업 위치와 마크업을 일관되게 표시하도록 좌표 변환·저장·복원 로직과 SVG 인터랙션 구현, 드래그의 CSS Transform을 반영해 위치 오차 개선
  • 한·영 다국어(i18n) UI와 React Query 기반 조회를 개발하고 MUI DataGrid에 서버사이드 페이지네이션·정렬·필터링 연동으로 10만 건 이상 문서 목록 조회·관리
  • WebView의 외부 링크 연결·히스토리 관리 문제에 PWA 도입을 제안하고 프로토타입으로 해결 여부 확인 후 FCM 푸시 알림 연동 및 운영 반영
  • Jenkins 기반 빌드 자동화와 내부망 운영 배포
자세히 보기

트리나우

판매자와 구매자의 견적 데이터를 매칭하여 거래를 지원하는 조경 수목 거래 플랫폼

  • React
  • TypeScript
  • Recoil
  • Tailwind CSS
  • React Native
  • React·TypeScript 기반 반응형 웹과 React Native WebView 앱 프론트엔드 개발
  • 본인인증·전자계약 등 외부 API의 프론트엔드 연동과 앱스토어 심사·배포
자세히 보기

학력

2015. 03. ~ 2022. 02.졸업

부산대학교

디자인앤테크놀로지 전공