플러스프로젝트 배경
1) 문제점 접근성 미흡: 기존 사이트가 최신 웹 접근성 표준을 충분히 반영하지 못해 장애인 사용자의 정보 접근에 제약이 있었음. 모바일 대응 한계: 다양한 스마트 기기 환경에서 레이아웃이 깨지거나 사용성이 떨어지는 등 반응형 최적화가 필요한 상태였음. 콘텐츠 관리 비효율: 방대한 양의 체육 관련 정보와 공지사항이 체계적으로 구조화되지 않아 사용자 검색 및 이용이 불편함. 2) 프로젝트
프로젝트 성과
웹 접근성(WA) 품질 인증 마크 획득
웹 접근성 표준 가이드라인을 철저히 준수하여 코딩을 진행하였으며, 프로젝트 종료 시 공식적인 웹 접근성 품질 인증을 획득하는 데 핵심적인 역할을 수행함.
멀티 디바이스 대응률 100% 달성
PC, 태블릿, 모바일 등 다양한 해상도 환경에서 레이아웃 오류 제로를 목표로 반응형 UI를 구현하여, 모바일 기기를 통한 접속 사용자 만족도를 크게 향상함.
유지보수 효율성 개선
15년 경력의 노하우를 바탕으로 규격화된 UI 컴포넌트와 스타일 가이드를 적용하여, 차후 내부 인력이 코드를 쉽게 이해하고 기능을 추가할 수 있도록 개발 자산의 품질을 높임.
핵심 기능
기능 1: 표준 준수 시맨틱 마크업 및 접근성 UI
장애인 사용자의 정보 접근성을 보장하기 위해 논리적 구조의 HTML 설계와 WAI-ARIA 기술을 적용하여 접근성 품질을 극대화했습니다.
진행 단계
단계 1: UI 가이드 및 컴포넌트 설계
2024.11.
디자인 시스템(Figma) 분석 후, 프로젝트 전반에 사용될 공통 UI 컴포넌트와 스타일 가이드를 수립하여 개발 생산성을 확보했습니다.
프로젝트 상세
1) 포트폴리오 소개 프로젝트명: Vue.js/Quasar 기반 엔터프라이즈 시스템 UI 고도화 상주 개발 소개: 대규모 조직의 프로젝트에 상주하여 Quasar Framework를 활용한 프론트엔드 UI를 구축하고, 일관된 디자인 시스템을 코드화하여 시스템의 완성도를 높였습니다. 2) 작업 범위 개발 범위: UI/UX 개발 전문 (Front-end), 공통 컴포넌트 라이브러리 설계, 퍼블
