[Book - 그림으로 배우는 Http & Network Basic] 10. 웹 콘텐츠에서 사용하는 기술
HTML
웹 페이지의 대부분은 HTML로 되어 있다.
HTML(HperText Markup Language)은 웹 상에서 하이퍼텍스트(Hypertext)를 보내기 위해서 개발된 언어이다.
하이퍼텍스트는 문서 시스템의 하나로, 문서 중에 임의의 장소의 정보가 다른 정보(문서나 이미지 등)에 관련된 즉 링크되어 있는 문서이다.
마크 업 언어(Markup Language)는 문서의 일부에 특별한 문자열을 붙임으로써 문서를 수식하는 언어이다.
HTML로 쓰여진 문서를 브라우저가 해석해서 렌더링(Rendering) 처리를 한 결과가 웹 페이지에 표시된다.
HTML 버전
HTML5는 브라우저 간의 호환성 문제를 해결하거나 텍스트를 데이터로서 다룰 수 있도록 하여 재사용하기 쉽게 하거나 애니메이션 등의 효과를 충실히 하는 것이 사양에 포함된다.
디자인을 적용하는 CSS
CSS(Cascading Style Sheets)는 HTML 각 요소를 어떻게 표시할지를 지시하는 것으로 스타일 시트라고 불리는 사양 중 하나이다.
CSS는 문서의 구조와 디자인을 분리한다는 이념에서 만들어졌다.
다이나믹 HTML
웹 페이지를 동적으로 변경하는 다이나믹 HTML
다이나믹 HTML(Dynamic HTML)은 정적인 HTML 내용을 클라이언트 사이드 스크립트를 사용해서 동적으로 변경하는 기술을 말한다.
다이나믹 HTML 기술은 HTML 등으로 만들어진 웹 페이지를 JavaScript 등의 클라이언트 사이드 스크립트로 조작하여 동적으로 변화시킨다.
동적으로 바꾸고 싶은 HTML 요소를 지정하기 위해서 DOM이라는 구조를 사용한다.
HTML을 조작하기 쉽게 해주는 DOM
DOM(Document Object Model)은 HTML 문서와 XML 문서를 위한 API(Application Programming Interface)이다.
DOM을 사용하게 되면 JavaScript 등의 스크립트를 사용하여 HTML을 쉽게 조작할 수 있다.
웹 애플리케이션
웹을 사용해서 기능을 제공하는 웹 애플리케이션
동적 콘텐츠와 정적 콘텐츠
웹 서버와 프로그램을 연계하는 CGI
CGI
CGI(Common Gateway Interface)는 웹 서버가 클라이언트에서 받은 Request를 프로그램에 전달하기 위한 구조이다.
CGI에 의해 프로그램은 Request 내용에 맞게 HTML을 생성하는 등응로 동적으로 콘텐츠를 생성할 수 있다.
Java에서 보급된 서블릿
서블릿
서블릿(Servlet)은 서버 상에 HTML 등의 동적 콘텐츠를 생성하기 위한 프로그램을 가리킨다.
Java 프로그래밍 언어 사양의 하나로 엔터프라이즈 환경을 위한 Java인 JavaEE(Java Enterprise Edition)의 일부로서 제공되고 있다.
CGI는 Request마다 프로그램을 기동하기 대문에 대량으로 액세스가 있을 때 웹 서버에 부하가 걸리게 되지만, 서블릿에서는 웹 서버와 같은 프로세스 속에서 동작하기 때문에 비교적 부하를 적게 하여 동작시킬 수 있다.
서블릿의 실행 환경을 컨테이너 또는 서블릿 컨테이너라고 부른다.
데이터 송신에 이용되는 포맷이나 언어
범용적으로 사용할 수 있는 마크업 언어 XML
XML(eXtensible Markup Language)이라는 것은 목적에 맞게 확장 가능한 범용적으로 사용할 수 있는 마크업 언어이다.
XML은 HTML과 같이 태그를 사용한 트리 구조로 되어 있고 독자적으로 확장된 태그가 정의되어 있다.
XML 구조를 해석하고 요소를 뽑아내는 파서 기능에 의해서 데이터 추출을 쉽게 할 수 있다.
JavaScript에서 이용하기 쉽고 가벼운 JSON
JSON(JavaScript Object Notation)은 경량 데이터 기술 언어로서 JavaScript(ECMAScript)에 있어서 오브젝트 표기법을 바탕으로 하고 있다.
다룰 수 있는 데이터형은 false/null/true/오브젝트/배열/수치/문자열 등 일곱 종류이다.
JSON 데이터는 단순하고 가볍게, 또는 문자열을 JavaScript에서 간단하게 읽어올 수 있다는 점에서 당초 XML이 사용되던 Ajax에서 JSON을 널리 이용하게 되었다.