1 - 웹 사이트와 웹 애플리케이션

---------------------------------------------------------------------------------

​1.1 World Wide Web (www)

World Wide Web 줄여서 web 이라 한다.

web이란?
HTTP 프로토콜을 이용하여 HTML 형식으로 작성된 문서를 통해 이미지나 텍스트,
동영상 등을 교환하는 전송방식을 통칭하는 것

웹의 구조
웹의 기능은 인터넷상의 정보를 하이퍼텍스트 방식으로 멀티미디어 환경에서
검색할 수 있게 해주는 일종의 정보검색 시스템

하이퍼 텍스트
웹 브라우저를 통해 웹 서버에서 웹 페이지를 읽어들여
하나의 화면으로 출력하는것 을 말하며
하이퍼 텍스트를 연결하는 링크들을 하이퍼 링크라고 한다.
우리는 하이퍼 링크를 통해 다른 하이퍼 텍스트로 넘어가면 정보를 검색하는걸
웹서핑(web surfing), 웹 브라우징(web browsing) 이라 한다.

---------------------------------------------------------------------------------

1.2 HTML 과 CSS

HTML(HyperText Markup Language)은 웹 페이지 작성을 위한 언어이다.(하이퍼텍스트 마크업 언어)
CSS(Cascading Style Sheet)는 화면에 출력하는 스타일을 정의하는 방식이다.

HTML
제목,단락,목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크와 인용, 그밖의 항목으로 구조적 문서를 만드는 방법을 제공한다. 그리고 이미지와 객체에 대한 정보를 내장하고 서버와의 데이터 교환을 위해 대화형 양식을 구성하는 방법도 제공한다.

CSS
마크업으로 작성된 여러 요소를 미려한 구성과 디자인으로 화면에 출력할 수 있도록 각 요소에 대한
스타일을 정의하는 방식이다.

※마크업(Markup)이란?

①문서 처리를 지원하기 위해 문서에 추가되는 정보. 마크업 정보는 문서의 논리적 구성이나 체제와 같은 문서의 포맷을 지정하거나, 문서 내용의 찾아보기 또는 찾아보기 작업(indexing) 방법을 지정하거나, 문서 내용 중의 요소와 같은 문서 또는 다른 문서 중의 다른 요소와의 연결(link)을 지정한다. 마크업 정보를 표현하는 언어를 마크업 언어라고 한다.
②마크업 정보를 문서 중에 삽입하는 작업.

[네이버 지식백과] 마크업 [markup] (IT용어사전, 한국정보통신기술협회)

---------------------------------------------------------------------------------

1.3 HTML 과 JavaScript

브라우저는 HTML5로 작성된 문서를 불러들이면서 문서가 가지는 여러 가지 요소와 데이터를 외부와 소통할 수 있도록 내부적인 모델을 생성해 놓는데 이것을 문서 객체 모델 즉 DOM (Document Object Model)이라고 한다.

HTML 문서는 브라우저의 입장에서 내부적으로 DOM이라고 하는 형태를 통해 인식하고 그것을 이용하여 화면에 필요한 정보를 표현한다고 할 수 있다.

DOM으로 HTML과 JavaScript 를 연결지어주고 JavaScript가 HTML 페이지의 화면 구성의 동적인 변경이나 사용자와의 직관적인 상호작용을 할 수 있도록 해준다.

JavaScript
객체 기반의 스크립트 프로그래밍 언어이다. 다른 응용프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.
DOM에 접근할 수 있으며 JavaScript가 가진 여러 가지 기능의 API를 통해 문서에 포함된 여러 객체와 해당 객체의 메서드 및 속성에 접근하여 많은 기능을 구현할 수 있도록 해준다.

---------------------------------------------------------------------------------


[ 열혈강의 HTML5 + CSS3 + jQuery로 만드는 사용자 중심 웹 애플리케이션 개발 입문

류성태 안병웅 공저 ]를 기반으로 개인 학습용 으로 요점정리 식으로 작성한 글 입니다.