모든 것이 자동화 되는 시대,
그럼에도 불구하고.

  • Claude Code와 MCP를 실무에 도입한 AI 기반 개발 워크플로우로, 기획부터 배포까지의 사이클을 단축합니다.
  • Next.js / Nuxt 기반의 SSR·SSG 설계와 Core Web Vitals 최적화, 구조화된 메타데이터 관리로 성능과 검색 노출을 함께 챙깁니다.
  • Spring + JSP에서 Vue3/Nuxt로, CRA에서 Vite로 — 레거시 코드를 두려움 없이 읽고, 서비스 중단 없는 단계적 마이그레이션을 이끌어왔습니다.
  • 프론트엔드부터 Rust 기반 백엔드 API, AWS 클라우드 인프라까지 혼자서 완결된 흐름의 서비스를 만들고 운영합니다.
ReactVueNuxtNext.jsRustAWSFlutter

경력

3년 8개월

(주)미트박스글로벌

2026.01 - 2026.04정규직프론트엔드 개발

레거시 구조 현대화

- 기존 화면 구조와 스타일 체계를 점진적으로 정리하며, 더 나은 유지보수와 확장이 가능하도록 모던한 프론트엔드 방식으로 개선했습니다.

- 공용 컴포넌트 분리, 스타일 구조 재정비, API 응답 기준 화면 개편을 통해 레거시 의존도를 줄이는 전초 작업을 진행했습니다.

- 관련기술: Vue3, Nuxt, TypeScript, React, Vite

AI 활용 협업

- AI에게 작업을 맡길 때 파일별 변경 사항, 필드 매핑, 현재 동작과 예외 상황을 먼저 구조화해 전달하는 방식으로 협업 효율을 높였습니다.

- Claude Code에 Figma, Playwright, Atlassian MCP를 연결해 디자인 확인, 코드 작성, 브라우저 검증, 이슈 문서화까지 하나의 흐름으로 처리하는 작업 방식을 구축했습니다.

- 새로운 도구를 빠르게 업무에 적용하고, 프롬프트를 구조적으로 정리해 전달하는 방식으로 구현 시간과 시행착오를 줄이는 데 강점이 있습니다.

- 관련기술: Claude Code, Figma MCP, Playwright MCP, Atlassian MCP, 프롬프트 설계

(주)오토위니

2022.08 - 2025.12정규직프론트엔드 개발주임

단독 프론트엔드 운영

- 팀원 전원 퇴사 후 혼자서 서비스(React SPA) 유지보수 및 신규 기능 개발

레거시 현대화 프로젝트

- Spring + JSP에서 Vue3(차량 검색), Nuxt(경매 시스템)로 마이그레이션 수행

- CRA + JS에서 Vite + TS 전환으로 빌드 속도 대폭 개선

- jQuery 바닐라 JS 리팩토링

- 관련기술: Vue3, Nuxt, React, JavaScript, TypeScript, CRA, Vite, Spring, JSP

팀 생산성 개선

- Vite 도입으로 개발 환경 개선

- TypeScript 전환으로 안정성 확보

- Jenkins CI / CD 파이프라인 구성

- 관련기술: Vite, TypeScript, Jenkins

작업

inert

사진·글 공유를 위한 웹 앱

사진과 짧은 글을 올리고 공유하는 앱입니다. Google 인증, 이미지 업로드, 공개 피드, 다크 모드까지 프론트엔드와 백엔드를 직접 설계해 하나의 서비스로 완성했습니다.

  • Google OAuth, JWT 인증, 이미지 업로드(S3), 공개 피드를 프론트·백엔드 양쪽에서 직접 구현했습니다.
  • 멀티 이미지 캐러셀, 사용자 프로필, 쿠키 기반 SSR 테마를 포함한 완결된 UI를 만들었습니다.
  • GitHub Actions CI/CD, nginx로 실서비스 배포 환경을 구축했습니다.
TanStack StartReactRustPoemSQLiteAWS S3Tailwind CSS 4

CMS 시스템

블로그를 구동하는 콘텐츠 관리 시스템

tyange-cms

내부 CMS

블로그 운영과 개인 관리 작업을 한 화면에서 처리하는 전용 CMS입니다.

Nuxt 4Vue 3TypeScriptTailwind CSS 4

tyange-cms-api

콘텐츠 인프라

포스트, 인증, 업로드, 알림, 예산, 포트폴리오 문서를 다루는 Rust API입니다.

RustPoemSQLxSQLiteJWT

개인 사이트

블로그, 포트폴리오, 운영 대시보드

tyange-blog

콘텐츠 플랫폼

Nuxt 4TypeScriptTailwind CSS 4Nuxt MDCPinia

tyange-dev

포트폴리오

Next.jsTypeScriptTailwind CSS 4

tyange-dashboard

PWA

SolidJSTypeScriptVitePWAWeb Push Notification

둘이서

모바일 어플리케이션

100일 단위, 연 단위 기념일을 찾아주는 어플리케이션

FlutterFirebase

기록