실무 프로젝트 • 2026.02~ • 결과
2026.02~ · 내부 프로젝트 / 프레임워크
조앤소프트 프레임워크 구축
상세
사내 프로젝트의 개발 생산성과 UI 품질을 높이기 위해 Nuxt 3 기반 프론트엔드 프레임워크와 재사용 가능한 UI 컴포넌트, SCSS 토큰 구조를 구축했습니다.
- 소요 시간
- 진행 중
- 언어·핵심 스택
- Nuxt 3Vue 3TypeScriptSCSS
- 사용 도구·전체 스택
- Nuxt 3Vue 3TypeScriptJavaScriptSCSSPiniaAxiosViteChart.jsvue-chartjsAG GridflatpickrnoUiSlider
캡처
개요
역할: 퍼블리싱 100%, 프론트엔드 구조 설계 70%, 디자인 시스템 구축 70%
내가 한 일
- 자동 라우팅, 컴포넌트 자동 import, Pinia 상태 관리, Axios API 플러그인 구조 정리
- AppButton, AppInput, AppSelect, AppDatePicker, AppProgress, Chart, AG Grid 컴포넌트 제작
- 상태, 사이즈, disabled, readonly, focus, error 등 실무 케이스 반영
- BEM과 디자인 토큰 기반 SCSS 구조 설계
성과
- 프로젝트마다 반복 구축하던 기본 UI와 구조를 프레임워크화
- 컴포넌트, API 구조, 페이지 예제를 함께 정리해 협업 가능한 표준 구조 구축
포인트
- Nuxt 3 프레임워크
- 디자인 시스템