실무 프로젝트 • 2026.03~ • 결과

오알켐 MES 리뉴얼

Vue 3 + Vite 기반으로 제조 현장의 MES를 리뉴얼한 프로젝트입니다. Vue Router·Pinia·Axios·Vue I18n로 짜인 구조 위에 업무 화면을 퍼블리싱하면서, 반복되던 화면을 공통 컴포넌트로 묶고 AG Grid 기반 테이블 UX와 태블릿 사용성을 함께 끌어올렸습니다.

유형
실무 / 구축
소요 시간
진행 중 · 약 3개월~
기간
2026.03~
역할
퍼블리싱 100%, UI 컴포넌트 구조 개선 70%, 화면 구조 설계 50%

캡처

1 / 1
이미지 준비 중대신 설명은 먼저 열어뒀어요.

등록된 프로젝트 이미지가 없습니다.

내가 한 일

  1. Vue Router·Pinia·Axios·Vue I18n 구조에 맞춰 MES 업무 화면 퍼블리싱·구성
  2. 공통 컴포넌트(AppGrid·AppInput·AppSelect·AppButton·AppAccordion·AppModalHost)를 활용·개선해 화면 간 UI 일관성 확보
  3. 원재료 준비·중간 검사·검사 결과·태블릿 화면의 레이아웃과 인터랙션 개선
  4. AG Grid 검색·선택·삭제·칩 렌더링·조건부 스타일·엑셀 다운로드·행/헤더 높이까지 테이블 동작 정리
  5. 태블릿 환경의 버튼·카드·아코디언·그리드 반응형·터치 UI 개선
  6. API 응답·다국어 키를 안정적으로 반영하도록 props·상태값·이벤트 처리 구조 정리

성과

  • 반복되는 MES 화면을 공통 컴포넌트 중심으로 정리해 유지보수성 향상
  • AG Grid 테이블의 검색·선택·렌더·다운로드 구조를 표준화해 프로젝트 전반의 확장성·재사용성 확보
  • 퍼블리싱과 프론트엔드 개발 사이 연결성을 높여 협업 효율 개선

포인트

  • AG Grid 테이블 UX 표준화
  • 태블릿 업무 UI 대응
  • Vue 3 + Vite 구조 연동