시험준비

UI
사용자가 하드웨어나 시스템에 연결되는 과정에서 사용자의 편리성과 가독성을 높여주기 위한 것이다

CLI(명령어 라인 인터페이스)
사용자와 시스템이 상호 작용을 하는 방식으로 명령과 출력이 텍스트 형태로 표현된다.
GUI(그래픽 유저 인터페이스)
사용자가 컴퓨터의 자원을 사용할 수 있도록 구성요소들이 그래픽 형태로 표현된다.
NUI(자연어 유저 인터페이스)
몸짓, 말소리만으로도 IT 기기를 사용할 수 있는 사용자 인터페이스이다.

UI개발 도구 분류
『
1.화면 설계

화이어 프레임 : 기획 단계에서 페이지 레이아웃이나 화면 이동,구성요소에 대한 내용을 기술한 문서이다.
목업: 설계 단계에서 실제 화면과 같은 형태의 모형이다.

2.프로토타입
인터랙션(상호작용)이 포함되어 테스트가 가능한 형태이다.

3.UI디자인
화면의 모양이나 기능 등을 표현하는 것이다.』

UI메뉴구조확인

1. 사용성

• 특정한 맥락의 사용에서의 효과성, 효율성, 만족도에 관한것
• 사용성은 쉽고 편리하게 수행하는 것에 의미를 둔다.

2. 유용성

정확하게 수애할 수 있는지

3. 정보구조

사이트맵

4.내비게이션

사이트맵과 관계가 있고 페이지에서 일관성을 지킨다.

웹표준

웹에서 사용되는 기술이나 규칙을 의미하며 웹 사이트를 작성할 때 이용하는 HTML,Javascript 등에 대한 규정

웹 접근성
전문적인 기술 없이 웹사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것

서버와 클라이언트의 구조와 관계

클라이언트 -> 요청 -> 서버 -> 응답 -> 클라이언트

웹 서버는 웹 브라우저(클라이언트)로 부터 HTTP요청을 받아들인다.
웹 서버의 기능은 HTML 문서(웹 페이지)를 클라이언트로 전달
대표적인 서버 프로그램은 Apache

HTMl(Hyper Text Markup Lanhuage)

css에서 p는 선택자 id 나 class 형태로 정의할 수 있다.

레이아웃 관련 태그

	header
    nav
    

section

	article			 asid
    
    
    footer
    

디자인의 수행 순서
디자인 콘셉트나 화면 디자인, 유효성 검사 등을 테스트하기 위해 다음과 같은 사항을 점검한다.