웹 기초

📌 WWW(World Wide Web)

👉 세계를 뒤덮는 거미줄이라는 의미
👉 WWW은 인터넷을 사용하기 쉽도록 하이퍼 텍스트와 그림을 통하여 모든 서비스를 이용할 수 있도록 만든 것

📌 www의 동작 원리

👉 HTML로 웹 페이지를 작성해서 웹 서버에 넣는다.
👉 클라이언트 컴퓨터는 웹 서버에서 HTML 문서를 받아서 웹 브라우저를 통하여 화면에 웹 페이지를 표시한다.

📌 웹 서버가 하는 일

👉 웹 서버는 단순히 인터넷에 연결되어 있으면서 클라이언트 컴퓨터로부터 요청을 기다린다.
👉 웹 서버가 요청을 받으면 자원을 찾아서 클라이언트 컴퓨터로 전송한다.
👉 웹 서버와 클라이언트는 서로 표준 언어를 통하여 통신하는데 바로 HTTP라는 프로토콜을 사용한다.

📌 HTML(Hyper Text Markup Language)

👉 마크업(markup)언어의 일종이고 웹 페이지를 기술하기 위한 언어이다.
👉 마크업 언어는 텍스트에 태그를 붙여서 텍스트가 문서의 어디에 해당하는지를 기술하는 것이다.

ex) <title>Web Programming</title> 

📌 W3C (World Wide Web Consortium)

👉 1994년에 창립된 국제 컨소시업으로 미국의 MIT 컴퓨터과학연구소, 프랑스 INRIA 등이 주도적으로 참여해 결성
👉 1989년 ~ 1995년 : 첫번째 HTML 개발
👉 2000년 : XHTML 1.0 발표
👉 2012년 : HTML5 발표

📌 HTML5

👉 HTML5는 HTML의 새로운 표준이다.
👉 W3C와 WHATWG의 합작품이다.
👉 완전한 CSS 지원
👉 비디오와 오디오 지원
👉 2D/3D 그래픽 지원
👉 로컬 저장소 지원
👉 로컬 SQL 데이터베이스 지원
👉 웹 어플리케이션 지원

📌 HTML5 개발 원칙

새로운 규격은 HTML, CSS, DOM, JavaScript기술에 기반을 둔다.

플래시와 같은 외부 플러그인을 최소화한다.

오류 처리를 향상시킨다.

스크립팅을 대치할 만한 마크업을 증가시킨다.

장치 독립적으로 설계한다.

개발 과정이 대중들에게 투명하게 공개되어야 한다.

📌 HTML5 + CSS3 + JavaScript

👉 HTML5 : 웹페이지의 내용
👉 CSS3 : 웹페이지의 스타일
👉 JavaScript : 웹페이지의 동작

📌 HTML 문서 기본 구조

🔦 요소 (element)
: 시작 태그와 종료 태그로 이루어진 문서의 구성 요소
🔦 속성 (attribute)
: 이름 = "값" 형태로 기술
🔦 HTML 주석
: HTML 코드를 설명하는 글
: 브라우저에 의하여 무시외고 표시되지 않는다.
🔦 <!DOCTYPE> 선언
: 브라우저가 올바르게 웹 페이지를 표시할 수 있도록 돕는다
: 각 버전에 따라서 다른 <!DOCTYPE> 태그를 가진다