win won with

HTML5shiv 새로운 HTML5 섹셔닝 요소를 이전 버전의 IE6~9, Safari 4.x(iPhone 3.x)와 Firefox 3.x 에서도 작동하도록 해주는 라이브러리 사이트에서 파일 다운 GO 다운로드한 파일의 dist 폴더에서 사용할 파일을 선택한 후 부분에 이와 같이 적용

Web/Education 2018. 12. 13. 16:03

파비콘 (favicon) 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘 파비콘(favicon) 기본 설정 크기와 용도 16x16 : IE9 주소 표시줄, 고정된(pinned) 사이트의 점프목록/툴바/오버레이 32x32 : IE의 새로운 탭 페이지, 윈도우7 이상에서 작업 표시줄 단추, Safari 나중에 읽기 사이드바 48x48 : 윈도우즈 사이트 아이콘 24x24 : IE9 고정된(pinned) 사이트 브라우저 UI 64x64 : 윈도우즈 사이트 아이콘, HiDPI/Retina 에서 Safari 나중에 읽기 사이드바 파비콘(favicon) 추가 설정 파비콘(favicion) PNG 파일 지원 사항 출처

Web/Education 2018. 12. 13. 15:49

경쟁 분석하기 2.1 UI/UX 경쟁 분석을 위하여 국내외 경쟁사의 제품을 분석할 수 있다. 2.2 경쟁력 있는 UI/UX 서비스를 개발하기 위하여 경쟁사의 서비스를 분석할 수 있다. 2.3 경쟁력 있는 UI/UX 요소기술을 개발하기 위하여 경쟁사의 요소 기술을 분석할 수 있다. 3C 분석 자사(Corporation), 고객(Customer), 경쟁사(Competitor) 세 가지의 영문 첫 자를 딴 용어 동일한 고객을 대상으로 경쟁하고 있는 자사와 경쟁사를 비교, 분석함으로써 자사의 차별화와 경쟁 승리/우위확보 전략을 찾아낼 수 잇다. SWOT 분석 기업의 환경분석을 통해 강점(Strength)과 약점(Weakness), 기회(Opportunity)와 위협(Threat) 요인을 식별/규정하고 이를 토대..

Web/Education 2018. 12. 12. 15:12

트렌드 분석하기 1.1 UX 콘셉트를 도출하기 위하여 사용자의 라이프스타일을 분석할 수 있다. 1.2 분석된 사용자의 라이프스타일을 통하여 시장의 사용자 니즈(needs)를 분석할 수 있다. 1.3 UI/UX 환경분석을 위하여 PC, 스마트폰, 태블릿, 스마트 TV 등의 여러 플랫폼에서 동작 하는 UI/UX 트렌드를 분석할 수 있다. 1.4 UX 콘셉트를 도출하기 위하여 트렌드 리포트를 작성할 수 있다. UI/UX 개념 이해 UI (User Interface) : 사용자가 직관적으로, 무엇을 하면 어떻게 될지 예측할 수 있게 하고, 쉽게 조작할 수 있도록 도와주는 것 (사용성, 접근성, 편의성을 중시) UX (User Experience) : 사용자가 어떤 시스템, 제품 혹은 서비스를 직간접적으로 이용하..

Web/Education 2018. 12. 11. 15:23

CSS 선언 방법 : CSS 선언 방법에는 크게 3가지가 있습니다. 외부 스타일 시트(External Style Sheet) css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다. 홈페이지 전체의 스타일을 일관성있게 유지하면서 변경시에도 일괄적으로 변경됩니다. 내부 스타일 시트(Internal Style Sheet) HTML문서내에서 에서 스타일을 정의하는 방법입니다. HTML문서마다 스타일을 매번 지정해 주어야 하지만, 한 문서에만 해당되는 스타일을 지정할때 사용합니다. HTML 태그 내에 스타일 지정(Inline Styles) 스타일을 적용하고 싶은 HTML태그안에서 정의하는 방법입니다. 직관적으로 사용이 가능합니다.

Web/Education 2018. 12. 10. 16:57

서브라임 텍스트 설치하기 설치과정 사이트가서 다운받기 바로가기 확장기능을 설치할 수 있는 소스를 설치해야 한다 Package Control 설치하기 바로가기 View > show console 에 붙여넣기 import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ..

Web/Education 2018. 12. 10. 16:12

CSS 선택자 : 선택자를 통하여 요소를 선택하고 속성을 줄 수 있습니다. id 선택자 하나의 태그만 식별하기 위한 선택자입니다. 하나의 태그에 하나만 사용할 수 있습니다. "#"으로 표시합니다. class 선택자 여러개의 태그를 식별하기 위한 선택자입니다. 하나의 태그에 여러개를 사용할 수 있습니다. "."으로 표시합니다.

Web/Education 2018. 12. 6. 16:16

: 웹 문서에 대한 여러가지 정보를 제공합니다. 메타 데이터 설명 charset 웹 페이지 언어 설정 author 웹 페이지를 만든 사람 description 웹 페이지에 대한 설명 keywords 웹 페이지에 대한 키워드 applcation name 웹 페이지에 관련된 웹 응용 프로그램의 이름 generator 웹 페이지를 만든 소프트웨어의 이름

Web/Education 2018. 12. 5. 17:19