Home 10장 웹 콘텐츠에서 사용하는 기술
Post
Cancel

10장 웹 콘텐츠에서 사용하는 기술

10.1 HTML

HTML은 웹 상에서 하이퍼텍스트를 보내기 위해서 개발된 언어이다. 2015년에 HTML5가 나왔고, 이는 브라우저간의 호환성 문제를 해결하거나 텍스트를 데이터로 다룰 수 있도록 하여 재사용하기 쉽게하거나 애니메이션 등의 효과를 충실히 하는 것이 사양에 포함된다.

디자인을 적용하는 CSS

HTML의 각 요소를 어떻게 표시할지를 지시하는 것으로 브라우저에서 보이는 외관을 변경할 수 있다.

10.2 다이나믹 HTML

다이나믹 HTML은 정적인 HTML 내용을 클라이언트 사이드 스크립트를 사용해서 동적으로 변경하는 기술을 말한다. (예.클릭하면 펼쳐지는 메뉴, 구글맵스 같이 스크롤해서 보여지는 지도 등) 동적으로 바꾸고 싶은 HTML 요소를 지정하기 위해서 DOM이라는 구조를 사용한다.

DOM은 HTML의 문서 XML 문서를 위한 API이다. DOM을 사용하면 HTML내의 요소를 오브젝트로 다룰 수 있어 요소내의 문자열 추출이나 CSS를 프로퍼티로서 변경해 디자인을 변경할 수 있다.

10.3 웹 애플리케이션

  • 웹 애플리케이션은 웹 기능을 사용해서 제공되는 프로그램을 지칭한다. 프로그램에 의해 생성된 콘텐츠를 동적 콘텐츠라 부르고, 사전에 준비된 콘텐츠는 정적 콘텐츠라 부르고 있다. 웹 애플리케이션은 동적 콘텐츠에 해당한다.
  • CGI는 웹 서버가 클라이언트에서 받은 리퀘스트를 프로그램에 전달하기 위한 구조로 리퀘스트 내용에 맞게 HTML을 생성하는 등 동적으로 콘텐츠를 생성할 수 있다.
  • 서블릿은 서버상에서 HTML등 동적 콘텐츠를 생성하기 위한 프로그램을 가리킨다. Java 프로그래밍 언어 사양의 하나고, CGI의 문제점(요청마다 프로그램을 실행하여 부하가 걸리게 됨)을 해결하기 위해 보급되었다.

10.4 데이터 송신에 이용되는 포맷이나 언어

  • 범용적으로 사용할 수 있는 마크업 언어 XML : 태그를 사용한 트리구조로 되어 있고, 독자적으로 확장된 태그가 정의되어 있다. 또 파서 기능에 의해 데이터 추출을 쉽게 할 수 있다. 또 데이터를 재사용하기 쉽다.
  • 갱신 정보를 송신하는 RSS/Atom : 뉴스나 블로그의 기사 등 갱신 정보를 송신하기 위한 문서 포맷의 총칭으로 XML을 이용하고 있다.
  • JavaScript에서 이용하기 쉽고 가벼운 JSON : 경량 데이터 기술 언어로 JavaScript에 있어서 오브젝트 표기법을 바탕으로 하고 있다.
This post is licensed under CC BY 4.0 by the author.

9장 HTTP에 기능을 추가한 프로토콜

11장 웹 콘텐츠에서 사용하는 기술