일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- flex기본
- complexity
- APPEND
- scope
- node.js
- AWS기초
- 메모이제이션
- node.js설치
- css기초
- var
- vscode
- 생활코딩
- 원본과 복사본
- Big-O notation
- IT
- appendChild
- 코드스테이츠
- JavaScript
- 클로저
- CSS
- AWS
- 인터프리터
- prototype
- let
- 리커젼
- 개발툴
- 기초공부
- AWS조사
- 재귀함수
- 스코프
- Today
- Total
Jveloper
HTML5에 대해서 알고있는부분에 대해 설명해주세요 본문
HTML이란?
HTML은 웹 문서를 만들기 위하여 사용하는 기본적인 프로그래밍 언어의 한 종류입니다.
즉, 인터넷 창 화면에 나타나는 글씨나 링크나 이미지를 보여주는 기본적인 역할을 하는 언어입니다.
지금 보이는 블로그도 그 기본 바탕에는 HTML로 이루어져 있습니다.
HTML5란?
HTML5는 HTML의 새로운 버전으로 Client Side Technology 기술의 중심이되는 마크업 언어입니다.
가장 특징적인것은 기존의 웹 문서에서는 HTML만으로 웹 서비스를 구성하는것이 불가능하였지만,
HTML5로 넘어오면서 클라이언트와 서버와의 통신이 가능해지며 이에 대한 부가기능을 제공함으로써 다른 외부 pulg-ins를 사용하지 않고도 웹 서비스를 제공할 수 있을정도로 많은 기능이 추가되었다는것입니다.
대표적으로 Active X를 설치하지 않아도 동일한 기능을 구현할 수 있고, 그 이외에도 플래시나 실버라이트, 자라FX, ajax, flex 등을 깔지 않아도 인터넷 브라우저상에서 화려한 그래픽 효과를 구현하며, 음악 · 동영상을 자유롭게 감상하게끔 만들어주는 진화된 웹언어입니다.
HTML5 탄생배경
98년부터 약 10년정도는 HTML4를 사용했었습니다.
HTML4는 위에서 말한 글씨나 이미지 따위를 화면에 나타내는 언어입니다.
하지만 HTML4는 한계가 있었는데 바로 그래픽과 멀티미디어의 한계 때문입니다.
HTML4로는 다양하고 멋진 그래픽과 멀티미디어를 지원해 줄 수 없었습니다.
그 때문에 너무 많은것들이 생겨나 버렸습니다.
대표적으로는 Active X 그 이외에도 Ajax, Flesh, Flex, Silverlight 같은것들입니다.
그래서인지 사용자 입장에선 유독 한국 사이트에서는 무엇인가를 해보기전에 이거 깔고 저것도 깔아야되는 말썽이 많아집니다.
또 이거를 깔아야될까라는 불안감도 생기게 됩니다.
반면 개발자 입장에서는 배워야 할 것들이 너무 많이 생겨버렸습니다.
이것 때문에 정의된 규약에 따라 심플해야 할 인터넷이 지저분해져 버렸습니다.
사용자나 개발자 양쪽 모두에게 안좋습니다.
이를 해결하고자 구글과 애플 그리고 모질라의 개발자들이 힘을 합쳐 HTML4의 한계를 극복하는 웹 기술을 표준화하는 규약을 만들었습니다.
그게 바로 HTML5입니다.
바뀌게된 HTML5의 특징은 아래와 같습니다.
HTML5의 특징
HTML5는 차세대 웹 표준으로 확정(2014년 10월 28일)되었으며,
기존 텍스트와 하이퍼링크만 표시하던 HTML이 멀티미디어 등 다양한 어플리케이션까지 표현 · 제공하도록 진화한 "웹 프로그래밍 언어"입니다.
예를 들어 오디오 · 비디오 ·그래픽 처리, 위치정보 제공 등 다양한 기능을 제공함으로써,
웹 자체에서 처리할 수 있는 기능이 대폭 향상되었습니다.
1. 그래픽을 사용자가 직접 그릴 수 있는 캔버스 기능 추가
이제는 Javascript로 2D나 3D를 표현 할 수 있습니다.
단순 도형부터 3D까지도 그릴 수 있습니다.
2. 비디오 코덱의 표준화
코덱이 표준화된다면 동영상의 플러그인이 필요없게 됩니다.
개발자가 비디오를 Javascript로 다루게 되고 이 때문에 동영상의 시청이 바로 가능합니다.
3. Local Storage 지원
제가 가진 하드에 특정 영역을 할당해서 DB를 저장하고 빼는 기능입니다.
인터넷 연결이 안된 상태에서도 과거에 봤던 이메일을 확인할 수도 있습니다.
4. Geolocation API 표준
장치 API와 브라우저간의 인터페이스를 표준화해서 위치정보를 브라우저에서 사용할 수 있게 됩니다.
5. Connectivity(Web Socket)
웹(클라이언트)에서 서버측과 직접적인 양방향 통신 가능
6. Device Access
카메라, 동작센서 등의 H/W 기능을 웹에서 직접적으로 제어
7. Styling Effects(CSS3)
글씨체, 색상, 배경 등 다양한 스타일 및 이펙트 기능 제공
'끄적끄적' 카테고리의 다른 글
Git cherry-pick에 대해서 설명해주세요. (0) | 2019.11.26 |
---|---|
Responsive Web Design에 대해 알고있는부분을 설명해주세요 (0) | 2019.11.22 |
와디즈 첫 펀딩 도전기(2019.9 ~ 2019.11) (0) | 2019.11.22 |
컴파일러와 인터프리터의 차이 (0) | 2019.04.21 |
VScode 에서 터미널창 열기 (0) | 2019.04.21 |