실무 프로젝트 • 2026.03~ • 결과
2026.03~ · 실무 / 구축
오알켐 MES 리뉴얼
상세
Vue 3 기반 MES 리뉴얼에서 화면 퍼블리싱과 공통 UI 컴포넌트 개선을 수행하고, AG Grid 중심의 검색·선택·렌더링·다운로드 구조를 정리했습니다.
- 소요 시간
- 진행 중 · 약 3개월~
- 언어·핵심 스택
- Vue 3ViteJavaScriptSCSSAG Grid
- 사용 도구·전체 스택
- Vue 3ViteJavaScriptSCSSHTMLVue RouterVue I18nAG GridChart.jsflatpickrmarked
캡처
개요
역할: 퍼블리싱 100%, UI 컴포넌트 구조 개선 70%, 화면 구조 설계 50%
내가 한 일
- Vue 3 기반 화면 퍼블리싱
- AppGrid, AppInput, AppSelect, AppButton, AppAccordion, AppModalHost 등 공통 컴포넌트 활용/개선
- 원재료 준비, 중간 검사, 검사 결과, 태블릿 화면 레이아웃 개선
- AG Grid 검색, 선택, 삭제, 칩 렌더링, 조건부 스타일, 엑셀 다운로드 구조 정리
- 태블릿 환경의 버튼, 카드, 아코디언, 그리드 터치 UI 개선
성과
- 반복 화면 구조를 공통 컴포넌트 중심으로 정리해 유지보수성 향상
- MES 테이블 UI의 확장성과 재사용성 향상
포인트
- AG Grid 구조화
- 태블릿 업무 UI