Hi

단위 테스트 수행 작성된 체크리스트에 따라서 단위 테스트를 수행할 수 있다. 단위 테스트 수행한 결과의 오류 여부를 확인하여 반영할 수 있다. 필요 지식 1. 단위 테스트에 대한 이해 1-1. 단위 테스트의 개념 UI 기반의 단위 테스트는 사전에 정의된 테스트 시나리오별로 테스트를 수행한다. 테스트를 통해 시스템의 안정성, 견고성, 사용성을 검증할 수 있으며, 사용자에게 편의성을 제공할 수 있다. 1-2. 단위 테스트의 특징 2. 테스트 케이스 설계 기법 UI 기반의 단위 테스트 수행 시, 효율적인 테스트를 수행하기 위하여 테스트 목적에 따라 테스트 케이스를 설계해야 한다. 2-1. 명세 기반 테스트 케이스 설계 (1) 개념 주어진 명세를 바탕으로 테스트 케이스를 도출하고 테스트 케이스를 실행해 봄으로써..

UI 제작 UI 화면 제어기능을 어떤 방법으로 할 것인지 선택할 수 있다. 자가 검증을 위하여 단위별 상세 체크리스트를 작성할 수 있다. UI 구현 표준에 따라서 GUI 디자인 가이드를 기반으로 UI를 제작할 수 있다. 필요 지식 1. UI 개발환경 수립 1-1. UI 디자인 및 퍼블리싱 환경 수립 UI 제작을 위하여 시스템의 목표 및 범위에 따라 그래픽 저작도구 및 퍼블리싱 도구를PC에 설치하여 이미지로 만들고, HTML 및 CSS로 웹 문서화하는 퍼블리싱을 수행한다. 1-2. UI 개발환경 수립 제작된 이미지와 퍼블리싱된 파일을 개발하기 위하여 Web 및 App 환경의 엔진 및 통합 개발도구를 설치한다. 2. UI 제작 2-1. UI 디자인 가이드 숙지 제작될 UI의 공통 규칙(네이밍 규칙, 폰트, ..

저작도구 이용하여 프로토타입 UI 제작 선정된 저작도구를 이용하여 프로토타입 UI를 제작할 수 있다. 필요 지식 1. 프로토타입(Prototype)의 개요 1-1. 프로토타입 개념 사용자의 요구사항을 충분히 분석할 목적으로 시스템의 중요 일부분을 우선 구현한 후 반복하는 개발 모델을 프로토타입이라고 한다. 1-2. 프로토타입 특징 프로토타입은 사전에 UI를 시험제작하여서 이해관계자 간의 원활한 의사소통을 수행하는 개발 모델이다. UI를 통해서 프로토타입을 개발한 후에는 이해관계자 간에 평가 및 수정 과정을 반복하면서 요구사항을 검토한다. 1-3. 프로토타입 종류 프로토타입은 다양한 기능 구현의 정도를 고려하여 수평적 프로토타입과 수직적 프로토타입으로 구분한다. 1-4. 프로토타입의 개발 절차 프로토타입의..

UI 저작도구 선정 UI 구현 표준 검토 결과를 바탕으로 저작도구를 선정할 수 있다. 필요 지식 1. UI 구현 표준 검토 결과 파악 1-1. 사이트의 특성을 고려한 UI의 요소와 패턴으로 정의되어 있는가 사이트의 특성을 고려한 UI의 요소와 패턴으로 UI가 정의되어 있는지 파악하고, 통일되고 일관되며 재사용이 가능하도록 UI의 표준이 작성되어 있는지 파악한다. 1-2. 웹 호환성을 위해서 다양한 브라우저에서 실행되는가 HTML5 기반의 웹 표준을 준수하여 다양한 브라우저(예: 인터넷익스플로러, 크롬)에서 실행되고, 다양한 형태(예: 네이티브 앱, 하이브리드 웹, web, 웹 앱)로 실행되는지 파악한다. 1-3. 장애를 가진 사람과 장애를 갖지 않은 사람 모두가 웹사이트를 이용할 수 있게 웹 접근성을 준..

UI 저작도구 파악 개발환경에 적합한 저작도구를 파악할 수 있다. 필요 지식 1. UI 개발환경 파악 1-1. WEB 개발환경(JSP 기준) 파악 WEB 애플리케이션 개발을 위해서 구축해야 하는 개발환경을 파악한다. 보통 자바 실행을 위한 JDK(Java Development Kit), 자바와 JSP(Java Server Page) 통합 개발을 위한 Eclipse(자바 개발 프로그램), JSP로 구축된 웹사이트 파일을 실행시켜 주는 엔진 역할의 톰캣(Tomcat)을 개발 환경에 설치한다. 1-2. App 개발환경 파악 App이 실행될 운영체제는 대체로 디바이스에 따른 안드로이드와 iOS로 구분된다. 안드로이드는 구글에 의해 개발되고 배포되는 운영체제이며, iOS는 애플의 스마트기기에 내장되어 있는 운영체..

UI 구현 표준 수립 • 실제 페이지 제작을 위하여 아이콘, 레이아웃, 화면 개발 환경에 적합한 표준을 검토할 수 있다. • UI 구현 표준을 이해관계자와 검토하여 최종 표준안에 반영할 수 있다. 필요 지식 1. UI 구현 표준 수립 1-1 웹 표준 및 웹 호환성 고려한 표준 수립 웹 호환성이란 사용자 단말기의 하드웨어 및 소프트웨어 환경이 다른 경우에 동등한 서비스를 제공받을 수 있도록 구현해야 하는 것으로 다양한 웹브라우저에서 동등한 서비스를 제공받을 수 있도록 해야 한다. 웹 호환성 확보를 위해서는 웹 페이지마다 표준 문법을 준수하여 구현해야 한다. 모바일의 UI 구축 시 웹 서비스로의 호환성을 확보한다. 웹사이트를 구축하는 경우 모바일 기기의 화면크기 및 운영체제와 무관하게 동등한 서비스를 제공해..

. UI 검토 의견서 작성 • UI 구현 표준 수립을 위하여 UI 검토 의견서를 작성할 수 있다. 필요 지식 1. 검토 대상 UI에 대한 이해 1-1. 검토 대상 UI의 서비스 목적 파악 목표 서비스의 사용 목적을 이해하기 위하여 타깃 사용자층(예: 연령, 성별)과 서비스 용도(예: 전자상거래사이트, 검색포털)를 파악함으로써 UI의 검토 기준을 적절하게 수립한다. 1-2. UI의 주요 검토 대상에 대한 이해 (1) 레이아웃 한정된 UI 공간 내에서 각종 UI 리소스들(예: 버튼, 시스템 바, 텍스트 등)을 일관성과 가시성을 유지하면서 효율적으로 배치하는 화면 구조를 레이아웃이라고 한다. UI는 시스템을 시각적으로 바라봤을 때 좌 상단, 우 하단 부분을 보면서 전체적인 크기를 인식한다. 그 다음으로 여백,..

UI 검토 의견서 작성 UI 구현 표준 수립을 위하여 UI 검토 의견서를 작성할 수 있다. 필요 지식 1. 검토 대상 UI에 대한 이해 1-1. 검토 대상 UI의 서비스 목적 파악 목표 서비스의 사용 목적을 이해하기 위하여 타깃 사용자층(예: 연령, 성별)과 서비스 용도(예: 전자상거래사이트, 검색포털)를 파악함으로써 UI의 검토 기준을 적절하게 수립한다. 1-2. UI의 주요 검토 대상에 대한 이해 (1) 레이아웃 한정된 UI 공간 내에서 각종 UI 리소스들(예: 버튼, 시스템 바, 텍스트 등)을 일관성과 가시성을 유지하면서 효율적으로 배치하는 화면 구조를 레이아웃이라고 한다. UI는 시스템을 시각적으로 바라봤을 때 좌 상단, 우 하단 부분을 보면서 전체적인 크기를 인식한다. 그 다음으로 여백, 폰트,..

UI 디자인 가이드 이해 UI 제작을 위하여 GUI 디자인 가이드를 이해하고 이를 기반으로 구현 가능성 여부를 검토할 수 있다. 구현 환경에 따라서 구체적인 UI 프로세스의 이해와 설계 변경 여부를 파악할 수 있다. 필요 지식 1. UI 디자인 가이드에 대한 이해 1-1 UI 디자인 가이드의 필요성 UI 디자인 시, UI에 적용되는 프로젝트 및 서비스를 정확하게 이해해야 사용자의 요구에 부합하고 만족도 높은 결과물을 만들어 낼 수 있다. 이때, 디자이너가 설계한 이미지와 구성을 개발자가 이해할 수 있는 형태의 문서로 개발자에게 전달해야 일관성 있고 사용자 만족도가 높은 최종 결과물이 나올 수 있으므로, 상세하고 일관된 UI 디자인 가이드가 필요하다. 1-2. UI 디자인 가이드의 개요 (1) 정의 UI ..