cyphen156

Chapter1 웹 본문

웹/HTML5

Chapter1 웹

cyphen156 2022. 8. 11. 02:47

인터넷

가상의 공간에서 전 세계 사람들이 디지털 기기를 통해 정보를 공유할 수 있도록 연결해주는 국제 정보 통신망과 그 공간에서 제공되는 서비스

인터넷의 발전

초기 인터넷은 [각주:1]ARPA에서 외부의 공격에 대비해 전체 통신 시스템에서 데이터를 안전하게 보관 · 전송할 목적으로 1969년에 개발한 아파넷(ARPANET)에서 출발

아파넷은 미국 국방성과 대학들을 연결하다가 군사용/민간 연구용으로 나뉘었고, 민간 연구용 아파넷은 현재의 인터넷으로 발전

1989년 [각주:2]CERN의 팀 버너스 리가 인터넷에 문서 사이를 쉽게 이동할 수 있게 해주는 하이퍼링크를 제안

1991년 World Wide Web을 발표

1993년 웹의 소스 코드를 무료로 공개

1994년 [각주:3]W3C(World Wide Web Consortium)을 창설

웹 브라우저 전쟁과 웹 표준

웹 브라우저 : 웹에 공개된 정보를 탐색할 수 있게 하는 프로그램

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

넷스케이프 커뮤니케이션의 넷스케이프와 마이크로소프트 인터넷 익스플로러의 경쟁 ← W3C표준을 무시한 채 다양한 기능들을 추가함

마이크로 소프트가 윈도우 운영체제에 기본 브라우저로 인터넷 익스플로러를 제공하면서 시장을 독점

두 기업의 전쟁으로 웹은 엄청난 속도로 발전하며 수많은 [각주:4]플러그인들이 생기면서 [각주:5]웹 2.0 시대가 열림

수많은 플러그인들로 인해 웹이 점점 무거워지자 W3C에 새로운 HTML표준을 제안하지만 거절당함

→ 익스플로러를 제외한 다른 기업들이 [각주:6]WHATWG라는 새로운 웹 표준 기관을 설립하고 Web Application 1.0 표준을 작성

W3C는 XHTML 2.0 표준을 작성했으나 사용이 저조해 폐기

W3C + WHATWG ≫ HTML W/G를 결성하고 WA 1.0을 새로운 웹 표준으로 채택하고 HTML5 표준으로 이름을 변경

HTML5 표준을 인터넷 익스플로러만 지원하지 못하는 상황 발생

→ 2차 웹브라우저 전쟁(구글의 Chrome 브라우저가 세계 웹브라우저 점유를 가져가고 있음)

웹 그림++++

웹 동작

웹은 요청(Request)응답(Reply)으로 동작한다. 

클라이언트(Client)가 요청을 하면 서버(Server)는 응답하고 요청에 대한 서비스를 제공한다.

URL(Uniform Resource Locator) : 웹에서 어떠한 대상을 구분해주는 주소

URI(Uniform Resource Identifier) : 웹에서 어떠한 대상을 구분해주는 방법을 총칭한 것

프로그램이 실행되는 장소에 따라 서버(백엔드) 프로그램/라이언트(프론트엔드) 프로그램으로 나뉜다.

웹 표준 기술과 HTML5주요 기능

웹(HTML5) 표준 (HTML5 + CSS3 + [각주:7]ECMAScript(JavaScript))

  • HTML5 : 웹페이지를 구성하는 HTML [각주:8]마크업 언어 
  • CSS3(Cascading Style Sheets) : HTML 페이지에 스타일을 지정해주는 스타일시트를 작성할 때 사용하는 언어, 웹 페이지를 꾸며준다
  • ECMAScript(JavaScript) : 웹 페이지에서 사용자의 동작에 따라 반응 등을 처리하는 스크립트 언어

HTML5 주요 기능

  • 멀티미디어
  • HTML Tag, CSS3, WebGL 등을 통한 그래픽
  • 서버와의 소켓 통신
  • 장치 정보(배터리 잔량, 현재 위치)를 가져오거나 알림 등 장치 기능을 사용하는 디바이스로의 접근
  • 오프라인 및 저장소 사용
  • 지능형 웹([각주:9]Semantic)
  • CSS3의 사용
  • 웹의 성능 극대화 및 통합 기능

 

 

 

 

  1. 미 국방부 산하의 연구부서 [본문으로]
  2. 유럽 공동원자핵연구소 [본문으로]
  3. HTML 표준과 웹 표준안을 제안/제작하는 국제 웹 표준화 단체 [본문으로]
  4. PC에 추가로 프로그램을 설치해 웹 브라우저의 기능을 확장하는 방법 ex) 어도비 플래시, 액티브X 등 [본문으로]
  5. 서로 다른 사용자가 함께 새로운 콘텐츠를 창조할 수 있는 시대를 말함 ex) 유튜브, 위키피디아, 깃허브 등  [본문으로]
  6. Web Hypertext Application Technology Working Group [본문으로]
  7. 유럽 컴퓨터제조협회(Europe Computer Manufacturer's Association) [본문으로]
  8. Markup : 웹 페이지의 서식이나 구조를 표현하는 정보 [본문으로]
  9. 시멘틱 : 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색 및 처리하여 제공하는 기능 [본문으로]

' > HTML5' 카테고리의 다른 글

Chapter3 연습문제  (0) 2022.09.06
Chapter3 HTML5 기본 태그  (0) 2022.08.29
Chapter2 연습문제  (0) 2022.08.16
Chapter2 웹 페이지 기본 구조와 작성법  (0) 2022.08.16
Chapter1 연습문제  (0) 2022.08.11