W3C/HTML5의 예
PUBLISHED
현재 있는 문서에 대한 다운로드 가능한 코드 예를 찾아 보십시오!
Tizen SDK 2.2와 개발자 사이트는 W3C/HTML5 기능에 대한 프로그래밍 가이드 및 자습서 문서를 제공합니다. 프로그래밍 가이드는 웹 개발자에게 지원 기능의 성능에 대해 알려주고 자습서는 관련 샘플 코드로 직접 해볼 수 있는 프로그래밍 연습을 제공합니다.
웹 개발자는 해당 실행 가능한 코드 예제를 다운로드하고 Tizen 문서에 나와 있는 코드 조각을 참조하면서 실행해 보는 것이 좋습니다.
참고
- 예제 코드는 Tizen SDK 2.2에서 테스트되었으며, 구현 간격 및 사양 버전 불일치로 인해 다른 플랫폼과 환경에서는 실행이 보장되지 않습니다.
- 자습서 작업에 대한 샘플 코드는 샘플 프로젝트로 Tizen SDK에 제공됩니다.
|
사양 이름
|
기능
|
SOURCE FILE
|
|
|---|---|---|---|
|
DOM, 양식 및 스타일
|
셀렉터 API 수준 1
|
DOM에서 요소 노드 검색
|
|
|
미디어 쿼리(부분)
|
응답 웹 디자인 구현
|
||
|
CSS 변환
|
좌표 공간 수정
|
||
|
2D 및 3D 변환 기능
|
|||
|
CSS 애니메이션 모듈 수준 3
|
속성에 대한 명시적 값을 정의하기 위해 애니메이션 키프레임 사용
|
||
|
CSS 전환 모듈 수준 3(부분)
|
암시적 변환 활성화
|
||
|
CSS 색상 모듈 수준 3
|
HTML 요소의 색상 및 불투명도 지정
|
||
|
CSS 배경 및 테두리 모듈 수준 3
|
HTML 요소의 테두리 스타일 또는 배경 지정
|
||
|
장치
|
터치 이벤트 버전 1(부분)
|
터치 이벤트 유형
|
|
|
터치 포인트 조정
|
|||
|
멀티 포인트 터치 컨트롤
|
|||
|
터치 페인트
|
자습서의 작업 문서에 대한 전체 코드는 Tizen SDK에서 다운로드 가능한 파일이 아닌 샘플 프로젝트 템플릿으로 제공됩니다.
|
||
|
DeviceOrientation 이벤트 사양(부분)
|
회전 감지
|
||
|
가속 감지
|
|||
|
이미지 회전
|
자습서의 작업 문서에 대한 전체 코드는 Tizen SDK에서 다운로드 가능한 파일이 아닌 샘플 프로젝트 템플릿으로 제공됩니다.
|
||
|
장치 모션 캡처
|
|||
|
진동 API
|
Tizen 장치 진동 설정
|
||
|
HTML5 브라우저 상태
|
브라우저의 네트워크 연결 상태에 대한 정보에 액세스
|
||
|
화면 방향 API
|
화면 방향 상태 관리
|
||
|
그래픽
|
HTML5 캔버스
|
캔버스의 이미지 사용
|
|
|
다양한 셰이프 그리기
|
|||
|
아날로그 시계
|
The entire code for task articles in tutorials is provided as sample project templates in the Tizen SDK rather than as downloadable files.
|
||
|
HTML5 SVG
|
다양한 SVG 요소 생성
|
||
|
함께 SVG 요소 그룹화
|
|||
|
SVG 요소 애니메이션
|
|||
|
스크립트를 통해 SVG 요소 제어
|
|||
|
미디어
|
HTML5 비디오 및 오디오 요소
|
간단한 오디오 및 비디오 플레이어 생성
|
|
|
재생 및 일시 중지 제어
|
|||
|
기간 및 재생 시간 검색
|
|||
|
임의의 위치에서 미디어 파일 재생
|
|||
|
다운로드 진행 상태 검색 및 표시
|
|||
|
미디어 데이터를 재생할 수 있는지 여부 확인
|
|||
|
예외 처리
|
|||
|
비디오 화면 크기 조정
|
|||
|
getUserMedia(부분)
|
미디어 콘텐츠
|
||
|
비디오 스트림에 액세스
|
|||
|
웹 오디오 API(부분)
|
소스 데이터 로드
|
||
|
모듈형 라우팅
|
|||
|
사운드 재생
|
|||
|
사운드 중지
|
|||
|
오디오 필터
|
자습서의 작업 문서에 대한 전체 코드는 Tizen SDK에서 다운로드 가능한 파일이 아닌 샘플 프로젝트 템플릿으로 제공됩니다.
|
||
|
HTML 미디어 캡처
|
기능 활성화
|
||
|
통신
|
WebSocket API
|
서버에 연결
|
|
|
데이터 전송
|
|||
|
데이터 수신
|
|||
|
XMLHttpRequest 수준 2
|
폼 데이터 지원
|
||
|
요청 진행 상태에서 더 많이 조각난 응답 상태 수신
|
|||
|
검색 컨텍스트의 HTML5 세션 내역
|
세션 내역에 항목 추가
|
||
|
세션 내역 상태 변경 감지
|
|||
|
서버 전송 이벤트
|
EventSource 인스턴스 생성
|
||
|
서버 푸시 데이터 수신
|
|||
|
HTML5 웹 메시징
|
교차 문서 메시징
|
||
|
채널 메시징
|
|||
|
스토리지
|
웹 스토리지 자습서
|
로컬 스토리지 및 세션 스토리지에 데이터 저장
|
|
|
작업 관리자
|
자습서의 작업 문서에 대한 전체 코드는 Tizen SDK에서 다운로드 가능한 파일이 아닌 샘플 프로젝트 템플릿으로 제공됩니다.
|
||
|
파일 API
|
로컬 파일 정보 읽기
|
||
|
로컬 파일 내용 읽기
|
|||
|
로컬 파일 분할
|
|||
|
샌드박스 파일 시스템에 액세스
|
|||
|
샌드박스 파일 시스템에 파일 표시
|
|||
|
샌드박스 파일 시스템 내에 디렉토리 또는 파일 생성
|
|||
|
샌드박스 파일 시스템 내에서 디렉토리 또는 파일 삭제
|
|||
|
HTML5 애플리케이션 캐시
|
캐시 업데이트
|
||
|
오프라인 시계 및 이미지
|
자습서의 작업 문서에 대한 전체 코드는 Tizen SDK에서 다운로드 가능한 파일이 아닌 샘플 프로젝트 템플릿으로 제공됩니다.
|
||
|
인덱싱된 데이터베이스 API
|
데이터베이스 생성
|
||
|
개체 스토리지 생성
|
|||
|
데이터 관리
|
|||
|
인덱스 생성
|
|||
|
보안
|
교차 원본 리소스 공유
|
간단한 요청
|
|
|
사전 요청
|
|||
|
UI
|
HTML5 끌어서 놓기
|
끌어서 놓기 사용
|
|
|
데이터 전송
|
|||
|
위치
|
Geolocation API 사양
|
위치 정보 검색
|
|
이 문서가 도움이 되기를 바라며 새로운 소식을 계속 전해 드리겠습니다!
카테고리:
기술 노트