유태양|GitHub|usun16@gmail.com

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

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

React

Vue

Nuxt

Next.js

Rust

AWS

Flutter

경력

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

기록

그 무한한 욕망을 위해서

Vue의 반응형 시스템에 대한 고찰

Nuxt 웹 앱에서 SWR(ISR) 사용하기

제가 대단한 것이 아니라 Nitro가 대단한 것입니다.

3년치 회고록_1

프론트엔드의, 프론트엔드에 의한, 프론트엔드를 위한

3년치 회고록_0

내가 할 수 있는 일을 하자

근황_0

어영부영 홈 서버를 만들다

CSS-in-JS의 몰락

styled-components와 Emotion의 현재

ESlint는 formatter의 꿈을 꾸는가

Linter도 꿈을 꾸나?

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