유지보수가 힘든 기존 키오스크 앱을 개선하기 위해 최신 기술 스택으로 마이그레이션하고 복잡한 전역 로직을 리팩터링했습니다.
상세 내용
1. 기능 구현
- Typescript + Vue 3 + Vite + Electron 기반 프로젝트 생성
- 모놀리식 스토어 및 API 모듈을 도메인별 분리
- 폴더 구조 기반 자동 라우팅 도입
- Electron IPC 타입 안전 브리지 구현
- 웹소켓 모듈화 및 스토어 연동
- 하드웨어 초기화 병렬 처리 구현
2. 성능 최적화
- Vue CLI(Webpack) → Vite 교체로 빌드 및 개발 서버 실행 시간 단축
- ESM 기반 트리 쉐이킹으로 번들 크기 감소
3. 코드 품질 개선
- JavaScript → TypeScript 완전 전환으로 런타임 오류 예방 및 IDE 자동완성 지원
- FSD(Feature Sliced Design) 아키텍처 도입해 복잡한 전역 로직 단방향 의존성 강제
- ESLint로 프로젝트 컨벤션 검사 자동화
