웹에 대한 기초 사항

www란?

world wide web

웹은 거미줄로, 세계를 뒤덮는 거미줄이라는 의미

 

www 동작 원리

우리는 html로 웹 페이지 작성해서 웹 서버에 놓는다.

인터넷에 연결된 수많은 클라이언트 컴퓨터는 웹 서버에서 html 문서를 받아서

웹 브라우저를 통하여 화면에 웹 페이지를 표시한다.

 

웹 서버가 하는 일

웹 서버는 단순히 인터넷에 연결되어 있으면서 클라이언트 컴퓨터로부터 요청을 기다린다.

웹 서버가 요청을 받으면, 이들 자원을 찾아서 클라이언트 컴퓨터로 보낸다.

웹 서버와 클라이언트는 서로 표준 언어를 통하여 통신하는데 HTTP라는 프로토콜을 사용한다.

 

1. HTTP Reques (특정 파일 요구)

컴퓨터가 웹서버에 요구

2. HTTP Respnese (찾은 파일을 돌려주는) 

웹서버의 응답

 

---

HTML이란?

• Hyper Text Markup Language 은 웹 페이지를 기술하기 위한 언어이다.
• HTML은 마크업(markup)언어의 일종이다.

마크업 언어는 텍스트에 태그를 붙여서 텍스트가 문서의 어디에 해당하는지를 기술한 것

 

• HTML은 태그들로 이루어진 HTML 요소(element)의 형태로 작성된다.

태그란?

• < > 안에 위치한 단어
• 요소 기술자(또는 편집용 코드)로서, 태그로 둘러싸인 부분이 문서의 어떤 부분에 해당하는지를 나타냄
• 일반적으로 쌍으로 존재 (시작태그, 종료태그)
• 예시 1) <title>. </title>태그는 문서의 제목을 나타냄

 

HTML5

지원

완전한 CSS3 지원

비디오와 오디오 지원

2D/3D 그래픽 지원

로컬 저장소 지원

로컬 SQL 데이터베이스 지원

웹 애플리케이션 지원

 

WHATWG의 개발 원칙

새로운 규격은 HTML, CSS, DOM, JavaScript 기술에 기반

플래시와 같은 외부 플러그인 최소화

오류 처리 향상

스크립팅을 대치할 만한 마크업 증가

장치 독립적으로 설계

개발 과정이 대중들에게 투명하게 공개 될 것

 

웹 브라우저란?

웹 브라우저는 html 문서를 읽어서 눈에 보이는 웹 페이지를 만든다.

태그는 화면에 표시하지 않고, 단지 페이지의 내용을 해석하는 용도이다.

예: 크롬, 파이어폭스, internet explorer 등

 

W3C

World Wide Web Consortium 웹에 대한 표준을 관장한다.

 

웹 애플리케이션 개발 기능

모바일 플래폼은 여러가지이다. 즉 아이폰, 안드로이드, 윈도폰, 블랙베리 등

각 플래폼에 맞는 프로그램을 작성하기 위해서는 특정 언어를 사용해야 한다.

예를 들면, 안드로이드는 자바 언어를 학습해야 하고, 안드로이드 프로그래밍 기술을 알아야 한다.

또 아이폰에서는 Objective-C언어를 사용해야 하고, ios 운영체제를 학습해야 한다.

회사에서 어떤 어플리케이션을 개발하려면 각 플래폼별로 별도의 프로그램을 개발해야 한다.

 

HTML 편집기

HTML 문서 편집을 도와주는 기능을 지닌 편리한 에디터

Visual Studio 등