tyange-blog
Nuxt 4 / 콘텐츠 플랫폼
마크다운 발행, RSS, 태그 필터링, CMS 연동 재배포까지 이어지는 개인 블로그입니다.
Nuxt 4TypeScriptTailwind CSS 4Nuxt MDCPinia
경력
3년 8개월
(주)미트박스글로벌
2026.01 - 재직 중정규직프론트엔드 개발
레거시 구조 현대화
- 기존 화면 구조와 스타일 체계를 점진적으로 정리하며, 더 나은 유지보수와 확장이 가능하도록 모던한 프론트엔드 방식으로 개선했습니다.
- 공용 컴포넌트 분리, 스타일 구조 재정비, 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
작업
tyange-cms-api
Rust / Poem / 콘텐츠 인프라
포스트, 인증, 업로드, 알림, 예산, 포트폴리오 문서를 다루는 Rust API입니다.
RustPoemSQLxSQLiteJWT
tyange-cms
Nuxt 4 / 내부 CMS
블로그 운영과 개인 관리 작업을 한 화면에서 처리하는 전용 CMS입니다.
Nuxt 4Vue 3TypeScriptTailwind CSS 4
tyange-dashboard
Solid / 운영 대시보드
PWA와 Web Push를 실험하기 위해 만든 Solid 기반 대시보드로, 실제로 브라우저에서 Web Push를 수신할 수 있도록 구성했습니다.
SolidJSTypeScriptViteCMS API
기록
그 무한한 욕망을 위해서
Vue의 반응형 시스템에 대한 고찰
Nuxt 웹 앱에서 SWR(ISR) 사용하기
제가 대단한 것이 아니라 Nitro가 대단한 것입니다.
3년치 회고록_1
프론트엔드의, 프론트엔드에 의한, 프론트엔드를 위한
3년치 회고록_0
내가 할 수 있는 일을 하자
근황_0
어영부영 홈 서버를 만들다
CSS-in-JS의 몰락
styled-components와 Emotion의 현재
ESlint는 formatter의 꿈을 꾸는가
Linter도 꿈을 꾸나?