Factory Admin

2024.08 ~ 2024.10

• 사용 기술 : Vue.js, Pinia , Tailwind CSS , TypeScript
• 역할 : FrontEnd 전담 개발
• 프로젝트 정보 : 로봇 출고 전 부품 및 테스트용 MAP 파일을 관리하는 웹 사이트

주요 기능

• 로봇 등록 : 출고 전 테스트할 로봇의 기본 정보를 등록하여 리스트 관리 가능
• 로봇 리스트 출력 및 열람 : 출고 전 테스트한 로봇의 부품 정보와 테스트 결과를 열람 가능
• 로봇 부품 등록 : 로봇의 부품을 Excel 파일 업로드 방식으로 등록하여 부품 등록 시간 단축
• MAP 파일 관리 : 등록된 MAP 파일을 열람하고, Canvas API를 활용하여 데이터를 시각화

주요 작업 및 기여

• 기여도 100%
• Excel Drag & Drop 업로드 기능
  • 라이브러리 없이 직접 구현 (HTML5 Drag & Drop API 활용)
  • 파일 업로드 후 데이터 유효성 검사 로직 추가 → 데이터 타입 검증, 중복 여부 체크, 필수 필드 확인
  • 업로드 양식 제공하여 입력 오류 최소화
  • 기존 수작업 입력 방식 대비 10분 → 5초 미만으로 단축
• MAP 파일 관리 시스템
  • HTML5 Canvas API를 활용하여 MAP 데이터 시각화
  • MAP 파일을 zip 형식으로 다운로드 가능 → 여러 관련 파일을 한 번에 압축하여 제공
  • 기존 텍스트 기반 파일 확인 방식 → 시각화를 통해 가독성 대폭 향상