jiho__1010 jiho__1010

트렌드 분석하기 1.1 UX 콘셉트를 도출하기 위하여 사용자의 라이프스타일을 분석할 수 있다. 1.2 분석된 사용자의 라이프스타일을 통하여 1.3 UI/UX 환경분석을 위하여 PC, 스마트폰, 태블릿, 스마트 TV 등의 여러 플랫폼에서 동작 하는 UI/UX 트렌드를 분석할 수 있다. 1.4 UX 콘셉트를 도출하기 위하여 트렌드 리포트를 작성할 수 있다. UI/UX 개념 이해 UI(User Interface) 사용자가 무엇을 하면 어떻게 될지 예측할 수 있게 하고, 쉽게 조작할 수 있도록 도와준다. 사용자가 원하는 곳으로 찾아가게 하기 위해 정보를 제공하는 개념이다. UX(User Experience) 사용자가 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험이다. 기술을 ..

Document 서브라임 텍스트 설치하기 설치과정 사이트가서 다운 받기. 서브라임텍스트 확장기능을 설치할 수 있는 소스를 설치해야 한다. (Sublime Text Package Control 설치하기) 설치하기 SUBLIME TEXT 3 를 복사해서 View - Show Console 클릭 아래에다 붙여놓기 preferences - Package Control 클릭 - Package Control: install package 클릭 table of contents 중 1번, 5번, 11번, 12번, sftp, side bar ehancements 다운 바탕화면 - smartweb - cooding - html 파일을 Sublime Text 안에있는 html에 넣기 넣은 html 파일 오른쪽마우스 클릭해서..

float으로 인한 영역깨짐(height:0) 방지법 float을 사용하면 height 값을 0으로 인식합니다. 깨지는 영역에 똑같이 float을 사용합니다.(X) 모든 영역에 float을 사용하게 되고 정확히 깨지는 영역을 알 수가 없습니다. float의 성질을 차단하는 clear:both를 사용합니다. (X) 깨지는 영역을 정확히 확인 할 수 없습니다. float을 사용한 부모박스한테 overflow:hidden을 사용합니다.(O)

CSS 단위 CSS 단위를 표현 하는 방법은 9가지가 있습니다. % - 기본 크기에 대한 비율 em - 글꼴 높이의 배수 ex - 소문자 높이의 배수 px - 픽셀, 단위를 생략할 때의 디폴트이다. pt - 포인트 pc - 파이카(12포인트와 같음) in - 인치 cm - 센티미터 mm - 밀리미터

margin 박스 요소의 바깥쪽 여백을 설정합니다. margin-top : 10px; - 요소의 위 바깥쪽 여백을 설정합니다. margin-right : 11px; - 요소의 오른쪽 바깥쪽 여백을 설정합니다. margin-bottom : 12px; - 요소의 아래 바깥쪽 여백을 설정합니다. margin-left : 13px; - 요소의 왼쪽 바깥쪽 여백을 설정합니다. margin : 10px 11px 12px 13px; - 위쪽/오른쪽/아래/왼쪽 margin : 10px 11px 12px; - 위쪽(10px)/왼쪽,오른쪽(11px)/아래(12px) margin : 10px 11px; - 위쪽,아래쪽(10px)/왼쪽,오른쪽(11px) margin : 10px; - 위쪽/오른쪽/아래/왼쪽(10px) marg..

white-space 스페이스와 탭, 줄바꿈, 자동줄바꿈을 처리할지 정하는 속성입니다. normal : 기본값, 공백을 여러개 넣어도 공백 1개만 표시되고, 글이 길어지면 텍스트가 자동 줄바꿈 됨니다. nowrap : 공백을 여러개 넣어도 1개만 표시되고, 텍스트가 길어도 줄바꿈 되지 않고 같은 줄에 계속 표시 된다. pre : 공백을 코드에 있는 그대로 표시한다. 태그처럼 행동하고, 코드에 줄바꿈이 없다면 줄바꿈이 되지 않는다. pre-wrap : 공백을 코드에 있는 그대로 표시함. 코드에 줄바꿈이 없어도 자동 줄바꿈이 된다. pre-line : 공백을 여러개 넣어도 1개만 표시된다. 코드에 줄바꿈이 없어도 자동 줄바꿈이 되며, 코드에 줄바꿈이 있을 때도 그대로 표시 된다.

웹 접근성의 올바른 발전 방항 웹 접근성은 잠시의 유행으로 끝나는 것이 아니라 전 세계적인 흐름이자 반드시 필요한 영역. 웹 접근성이 마크업 영역에 머무르지 않고, 신기술과 새로운 영역까지 발전 웹 접근성이 신기술을 규제하는 것이 아니라 연구를 통한 접근성 적용이 가능 새로운 기술의 방향 HTML5와 ARIA 등 새로운 기술은 웹 접근성을 향상하는 방향으로 발전 화면 낭독기 중심으로 적용하는 접근성 구현 방식이 프로그래밍을 통해 해결 접근성은 UX와 함께 연계하여 발전할 때 공감할 수 있는 방향을 전환 모바일 접근성 국내의 모바일 애플리케이션 접근성 지침은 7개의 준수항목과 8개의 권고항목으로 구성 모바일 애플리케이션 접근성 지침의 업데이트가 필요하며, 한국형 웹 콘텐츠 접근성 지침 2.0 과 비교했을 ..

마크업 오류 방지 웹 페이지의 기본이 되는 HTML이나 XHTML과 같은 마크업 언어에서 정한 문법에 맞지 않게 구현한 경우 발생되는 것이다. 태그를 열었다면 반드시 닫아주어서 오류를 방지함. 태그를 중첩되도록 제공하지 않음 태그의 중복 속성의 중복으로 기능의 오류를 일으키지 않음. 열고 닫음, 중첩 오류, 속성 중복에 대한 주요 오류 메시지 end tag for duplicate specification of attribute already defined 웹 애플리케이션 접근성 웹 애플리케이션은 웹 콘텐츠에 포함되어 특정한 기능을 수행하도록 구성된 애플리케이션을 말한다. 플래시, 실버라이트, 자바 애플릿 등 웹 애플리케이션에 대해서 자체 접근성이 필요 자체 접근성 : 한국형 웹 콘텐츠 접근성 지침 2...