[HTML5] 웹 개요

인터넷과 웹 시작

인터넷 vs 웹

- 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간

- 웹은 인터넷 공간에서 제공하는 서비스

즉, 인터넷과 웹은 같은 개념이 아니다. Not Equal!

인터넷의 시작

- 미국의 신기술을 연구하는 ARPA에서 현재 웹의 모태가 되는 아파넷(ARPANET)을 1969년에 개발

팀 버너스 리

- 최초의 웹 개발자

- W3CWorld Wide Web Consortium 창설

* W3C: HTML 표준을 비롯한 웹 표준안을 제작, 제안하는 일을 하는 국제적인 웹 표준화 단체이다.

-> HTML1~4까지 급격한 변동을 겪다가 현재 가장 많이 쓰이는 HTML5 버전이 되었다. 

 

웹 브라우저 전쟁과 웹 표준

웹 브라우저 전쟁의 시작

- NCSA는 1993년 모자이크라는 GUI 웹 브라우저 최초로 발표 

- 넷스케이프 커뮤니케이션(마크 안데르센)은 넷스케이프 웹 브라우저 발표

- 마이크로소프트는 인터넷 익스플로러 발표 후 점유율을 높이기 위해 윈도우 운영체제에 강제로 설치

- 이에 넷스케이프는 넷스케이프의 소스코드를 공개하고 모질라 재단을 설립

- 아메리카 온라인 AOL: 넷스케이프 커뮤니케이션을 인수, 점차 하락 후 붕괴

플러그인

- 웹 브라우저와 연동되는 프로그램을 사용자의 PC에 추가로 설치해 웹 브라우저의 기능을 확장하는 방법

웹 2.0 시대

- 서로 다른 사용자가 함께 새로운 콘텐츠를 창조할 수 있는 시대

- 유튜브, 위키디피아, 깃허브 등

웹 브라우저와 웹 표준

- 인터넷 익스플로러가 전 세계적으로 점유율을 높이면서 액티브X 같은 플러그인을 삽입해 웹 사이트가 점점 무거워지고 있음

- 2004년 W3C 회의에서 모질라 재단과 오페라 소프트웨어가 새로운 HTML 표준을 제안하지만 거절 당함

- 웹 브라우저 제공기업(애플, 모질라, 오페라 소프트웨어)에서 2004년 6월 새로운 웹 표준 WAHTWG 설립

웹 브라우저의 발달

- WHATWG는 Web Application 1.0 표준 작성

- W3C는 웹 표준으로 Web Application 1.0 표준 채택, HTM5 표준으로 변경

- 인터넷 익스플로러만 최신 표준을 지원하지 못 하는 현상 초래

- 모든 웹 브라우저가 빠른 속도로 업데이트되고 다양한 웹 브라우저 마케팅 등장

 

 

웹 동작

- 웹(Web): 요청과 응답 과정 

- URL: 웹에서 어떤 대상을 구분하는 주소

 

- 서버(제공자): 응답하는 쪽 

- 클라이언트(사용자): 요청하는 쪽

 

- 서버 프로그램(백엔드 프로그램)

• 자바, C#, 루비, 파이썬, 자바스크립트
  • 웹 프레임워크(ASP.NET, JSP, PHP 등)
  • MVC 프레임워크(ASP.NET MVC, Spring MVC, Ruby on Rails 등)
  • 비동기 프레임워크(Node.js Express, Jetty)

- 클라이언트 프로그램(프론트엔드 프로그램)

• HTML, CSS, 자바스크립트로 개발
  • 구글 문서

 

웹 표준 기술

큰 의미

- 웹 표준 기술을 총칭

- CSS3와 자바스크립트를 모두 포함

작은 의미

- 웹 페이지를 구성하는 HTML 마크업 언어 그 자체

CSS(Cascading Style Sheets)

- HTML 페이지에 스타일을 지정하는 스타일시트를 작성할 때 사용하는 언어

- 현대 웹 페이지에서 매우 중요한 역할 수행

자바스크립트

- 표준 명칭: ECMAScript(에크마 스크립트)

- HTML 페이지에서 사용자 반응 등을 처리하는 스크립트를 작성하는 언어

- 클라이언트 웹 개발을 하기 위해 만들었지만, 현대에는 서버는 물론 로봇 개발에도 사용

---

(1) 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간입니다.  

 

(2) 하이퍼링크는 인터넷에서 문서 사이를 쉽게 이동할 수 있는 기능입니다. 

 

(3) W3C는 HTML 표준을 비롯한 웹 표준안을 제작하거나 제안하는 일을 하는 국제적은 웹 표준화 단체입니다. 

 

(4) 웹 브라우저는 웹에 공개된 정보를 탐색할 수 있게 하는 프로그램입니다.

 

(5) 플러그인은 사용자 PC에 프로그램을 추가로 설치해 웹 브라우저 기능을 확장하는 방법입니다.

 

(6) 웹 2.0 시대은 서로 다른 사용자가 함께 새로운 콘텐츠를 창조할 수 있는 시대를 의미합니다. 

 

(7) WHATWG는 Web Application 1.0 표준을 작성한 단체입니다. 현재는 HTML W/G라는 이름으로 변경했습니다.

 

(8) Web Applicaion 1.0 표준은 새로운 웹 표준으로 채택된 후 HTML5 표준이라는 이름으로 변경되었습니다. 

 

(9) 웹은 요청과 응답이라는 간단한 형태로 동작합니다. 

 

(10) URL은 웹에서 어떤 대상을 구분하는 주소를 의미합니다. 

 

(11) URL는 웹에서 어떤 대상을 구분하는 방법들을 총칭합니다.

 

(12) 요청하는 쪽을 클라이언트라고 하며, 응답하는 쪽을 서버라고 합니다.

 

(13) 서버 프로그램은 사용자와 먼 곳에 있기 때문에 백엔드 프로그램이라고 합니다.

 

(14) 클라이언트 프로그램은 사용자와 가까운 곳에 있기 때문에 프론트엔드 프로그램이라고 합니다.

 

(15) 마크업은 웹 페이지의 서식이나 구조를 표현하는 정보입니다.  

 

(16) CSS는 HTML 페이지에 스타일을 지정하는 스타일시트를 작성할 때 사용하는 언어입니다.

 

(17) 에크마 스크립트는 자바스크립트의 표준 명칭입니다. 

 

(18) Javascript는 HTML 페이지에서 사용자 반응 등을 처리하는 스크립트를 작성하는 언어입니다. 

---

(1) 웹은 1990년대 중반부터 모든 대중이 사용할 수 있게 되었습니다.(O)

 

(2) 모든 URI는 URL입니다. (X)

 

(3) 2000년대 초에는 액티브X와 플래시 덕분에 웹 브라우저로 다양한 것을 할 수 있었습니다.(O)

 

(4) 자바스크립트를 사용하면 웹 페이지에 프로그래밍 요소를 부여해서 사용자와 반응을 할 수 있습니다. (O)

 

(5) 통신을 더욱더 강화하기 위해 온라인 상태에서만 사용할 수 있게 되었습니 다.(X)

 

(6) 그레이디언트, 애니메이션 등 화려한 스타일을 CSS3로 추가할 수 있게 되 었습니다. (O)

 

(7) HTML5는 단방향 통신뿐만 아니라 양방향 통신도 가능해졌습니다. (O)

 

(8) HTML6는 배터리 잔량 같은 장치 정보도 가져올 수 있게 되었습니다.(O)

-> HTML 주요 기능

- 장치접근: 장치에 접근해 정보와 기능을 사용/예) 배터리 잔량, 현재 위치, 알람, 스마트폰 GPS로 현재 위치 확인

- 오프라인 및 저장소: 인터넷이 연결되지 않은 상태에서도 응용 프로그램을 동작 가능

- 시맨틱

- CSS3 스타일시트

- 웹의 성능 극대화 및 통합

 

(9) 웹 브라우저에서 작동하는 클라이언트 프로그램은 기본적으로 C++, 자바, C#, 파이썬 등 프로그램으로 개발합니다. ( X)

 

(10) 인터넷의 모태는 아파넷ARPANET입니다. (O)