달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'웹 스토리지'에 해당되는 글 2

  1. HTML5와 CSS3 사용의 장점
  2. HTML5 지원 API

HTML5와 CSS3 사용의 장점

   

웹 개발의 플랫폼

의미가 더 분명한 태그들, 사이트나 창 사이의 더 나은 데이터 교환, 애니메이션, 더 나은 멀티미디어 지원 등, 더 좋은 사용자 인터페이스 구현 가능

더 분명한 마크업

내용을 설명하는데 직접 연관된 요소 추가 (제목, 푸터, 내비게이션 절, 사이드바, 글을 정의하는 요소들)

플러그인에 덜 의존하는 멀티미디어

오디오, 비디오 기능 제공

웹 소켓

HTML5는 서버와의 연결을 유지시키는 웹 소켓을 지원

클라이언트 측 스토리지

웹 스토리지와 웹 SQL 데이터베이스 API를 이용하면 브라우저에서 동작하긴 하지만 모든 데이터를 사용자의 컴퓨터에 보관하는 애플리케이션을 만들 수 있음.

더 좋은 인터페이스

테이블에 스타일을 적용하거나, 둥근 모서리를 만드는 등 사용자 인터페이스를 좀 더 풍요롭게 사용 가능.

더 좋은 폼

더 나은 사용자 인터페이스 컨트롤 제공

향상된 접근성

스크린 리더 같은 프로그램을 사용해서 보조 기술에 의존하는 사람에게 더 좋은 웹 페이지 접근성을 제공.

개선된 선택자

CSS3에서 제공하는 선택자를 이용하면 테이블의 홀수 행과 짝수 행을 지정한다거나, 선택된 체크박스를 전부 찾는다거나, 심지어는 특정 그룹에서 마지막 문단을 찾아낼 수도 있음.

시각효과

CSS3을 통해, 배경 이미지에 의존하거나 마크업을 추가하는 일 없이 요소에 그림자와 그래디언트를 넣을 수 있음.

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

자바스크립트 소스 파일(.js) 생성 방법  (0) 2014.08.20
웹표준  (0) 2014.06.09
HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
Posted by codedragon codedragon

댓글을 달아 주세요

HTML5 지원 API

API

내용

웹 스토리지(Web Storage)

로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능

드래그앤트롭(Drag & Drop)

웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능

지오로케이션(Geolocation)

공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능

캔버스(Canvas) 2D

Canvas 요소와 그리기 API를 제공

웹 워커(Web Workers)

CPU에 부하를 많이 주는 작업을 여러 워커(Worker)로 나누어 작업

웹 SQL 데이터베이스

(Web SQL Database)

웹 브라우저에 내장 데이터베이스를 만들고 SQL 질의를 사용할 수 있는 기능

 

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

웹표준  (0) 2014.06.09
HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
Posted by codedragon codedragon

댓글을 달아 주세요