프로젝트 개요
LG U+ 산업데이터 플랫폼에서는 Vue3와 TypeScript 기반 관리자 웹뷰를 개발했습니다. 입사 초기 담당 도메인 화면을 직접 맡아 구현하며 타입 기반 개발과 관리자 화면 구조를 익혔습니다.
화면 및 구조
Industrial data admin
프로젝트 기간, 역할, 프로젝트 규모
- 프로젝트 기간
- 2023.08 - 2024.02
- 역할
- 프론트엔드 개발, Vue3/TypeScript 관리자 화면 구현
- 프로젝트 규모
- B2B 산업데이터 플랫폼 관리자 웹뷰
기술 스택
Vue3TypeScriptElement PlusAdminERP
담당업무
공통코드, 사용자 관리, 로그인 등 담당 도메인 화면을 단독으로 구현했습니다.
요청 파라미터와 응답 DTO에 interface를 작성했습니다.
Element Plus 기반 관리자 화면과 운영성 기능을 개발했습니다.
문제 및 해결방안
초기 Vue3/TypeScript 프로젝트 정착
Vue2/JavaScript 중심 경험에서 Vue3/TypeScript를 처음 적용하며 화면 구현 속도와 타입 안정성을 동시에 맞춰야 했습니다.
담당 도메인 화면을 직접 구현하며 API 타입과 화면 상태 타입을 명시했고, 백엔드로 전달되는 파라미터 오류를 사전에 줄이는 방향으로 개발했습니다.
기술적 의사결정
any 사용을 피하고 필요 시 unknown을 우선 사용하도록 타입 작성 기준을 맞췄습니다.
인터페이스 파일을 분리해 API 타입과 화면 구현을 구분했습니다.
성과
백엔드로 전달하는 파라미터와 응답 타입 오류를 컴파일 단계에서 줄였습니다.
Vue3/TypeScript 기반 관리자 화면 구현 경험을 확보했습니다.
배운점
초기 프로젝트에서는 거창한 마이그레이션 전략보다 담당 화면을 안정적으로 완성하며 타입 기준을 지키는 것이 중요하다는 점을 배웠습니다.