<aside>

• 2024.06 ~ 2024.08
• 클라우드 매니지드 서비스 홈페이지 신규 구축
• 퍼블리싱 기여도 100%, UI개발 기여도 40% (총 작업인원 3인)
• Vue, SCSS, JavaScript, Vite, GitLab, Storybook </aside>

공통 컴포넌트 기반 UI 구축

• 자사 클라우드 매니지드 서비스 홈페이지 신규 구축 프로젝트에서 공통 컴포넌트 및 UI 개발을 담당
• Vue 기반으로 전체 UI 컴포넌트의 80%를 직접 개발하여, 프로젝트의 UI 구조를 체계적으로 구축
• Atomic Design 원칙을 적용하여 컴포넌트를 모듈화

디자인 시스템 도입으로 UI 일관성 확보 및 유지보수 효율화

• 색상, 폰트, 버튼 및 공통 컴포넌트 가이드라인을 표준화하여 디자인 시스템을 구축
• 일관된 UI 가이드를 적용함으로써 유지보수 시간을 30% 단축
• 신규 기능 개발 시 UI 컴포넌트 재사용이 가능하도록 설계하여 개발 효율성을 향상

다이어그램 출력 라이브러리(joint JS) 스타일 및 기능 커스텀 (Zoom in/out)

클래스를 함수화 하여 개발자가 변수만 넣어 바로 추가할 수 있도록 제작

해당 내용은 문서화 하여 공유