웹 플랫폼
1. 개요
웹 플랫폼은 HTML, CSS, SVG, JavaScript를 포함하는 웹 기술의 집합을 의미한다. HTML은 W3C에서 개발한 마크업 언어이며, CSS는 웹 문서에 스타일을 추가하는 데 사용된다. SVG는 2차원 벡터 그래픽을 표현하는 XML 기반 파일 형식으로, 확대/축소 시에도 품질 저하가 없으며, 애니메이션 및 상호 작용 기능을 지원한다. JavaScript는 웹 페이지에 동적 기능을 구현하는 스크립트 언어로서, 서버 및 콘솔 환경에서도 활용되며 중요성이 증가하고 있다.
-
HTML5 -
구글 스위피
구글 스위피는 구글에서 개발한 웹 서비스로, SWF 파일을 JSON으로 직렬화한 후 자바스크립트를 통해 SVG로 변환하여 애니메이션을 구현하는 기술이었으나 2016년 7월 1일 서비스가 종료되었다. -
HTML5 -
웹 스토리지
웹 스토리지는 웹 브라우저에서 클라이언트 측에 데이터를 저장하는 API로, 쿠키와 유사하지만 더 큰 저장 용량을 제공하며 로컬 스토리지와 세션 스토리지로 구분된다. -
W3C 표준 -
HTML
HTML은 웹 페이지 제작을 위한 표준 마크업 언어로서, 팀 버너스리가 제안하고 구현한 후 인터넷 발전과 함께 널리 사용되며, SGML에 기반하여 하이퍼텍스트 기능으로 다양한 콘텐츠를 표현하고 연결하며, W3C와 WHATWG에서 표준화를 진행하고 최신 버전은 HTML Living Standard이다. -
W3C 표준 -
타임드 텍스트
타임드 텍스트는 영상이나 오디오 콘텐츠에 시간 정보를 담아 표현되는 텍스트로, 자막이나 캡션 등에 활용되며 TTML, WebVTT 등의 표준이 존재한다.
2. HTML
HTML
3. CSS
캐스케이딩 스타일 시트(CSS)는 웹 문서에 스타일(예: 글꼴, 색상, 간격)을 추가하기 위한 간단한 메커니즘이다.
4. Scalable Vector Graphics (SVG)
Scalable Vector Graphics영어(SVG)는 XML 기반의 2차원 벡터 그래픽을 표현하기 위한 파일 형식으로, 1999년 월드 와이드 웹 컨소시엄(World Wide Web Consortium)에서 제정한 오픈 표준 벡터 그래픽 파일 형식이다.
SVG는 웹 브라우저에서 벡터 그래픽을 표시하기 위한 표준으로 자리 잡았다. SVG 이미지는 해상도에 관계없이 선명하게 표시되며, 확대/축소 시에도 깨짐 현상이 없다. 또한, CSS, 자바스크립트를 사용하여 SVG 이미지의 모양과 동작을 제어할 수 있어, 웹 페이지에서 동적인 그래픽 요소를 만드는 데 활용된다.
SVG 파일은 XML 형식으로 구성되어 있어 텍스트 편집기로 쉽게 수정할 수 있으며, 다양한 그래픽 편집 도구에서도 지원된다.