cyphen156
Chapter1 웹 본문
인터넷과 웹
가상의 공간에서 전 세계 사람들이 디지털 기기를 통해 정보를 공유할 수 있도록 연결해주는 국제 정보 통신망과 그 공간에서 제공되는 서비스
인터넷의 발전
초기 인터넷은 ARPA에서 외부의 공격에 대비해 전체 통신 시스템에서 데이터를 안전하게 보관 · 전송할 목적으로 1969년에 개발한 아파넷(ARPANET)에서 출발 1
아파넷은 미국 국방성과 대학들을 연결하다가 군사용/민간 연구용으로 나뉘었고, 민간 연구용 아파넷은 현재의 인터넷으로 발전
1989년 CERN의 팀 버너스 리가 인터넷에 문서 사이를 쉽게 이동할 수 있게 해주는 2하이퍼링크를 제안
1991년 World Wide Web을 발표
1993년 웹의 소스 코드를 무료로 공개
1994년 W3C(World Wide Web Consortium)을 창설 3
웹 브라우저 전쟁과 웹 표준
웹 브라우저 : 웹에 공개된 정보를 탐색할 수 있게 하는 프로그램
NCSA가 1993년 모자이크라는 GUI 웹 브라우저를 최초로 발표
넷스케이프 커뮤니케이션의 넷스케이프와 마이크로소프트 인터넷 익스플로러의 경쟁 ← W3C표준을 무시한 채 다양한 기능들을 추가함
마이크로 소프트가 윈도우 운영체제에 기본 브라우저로 인터넷 익스플로러를 제공하면서 시장을 독점
두 기업의 전쟁으로 웹은 엄청난 속도로 발전하며 수많은 4플러그인들이 생기면서 5웹 2.0 시대가 열림
수많은 플러그인들로 인해 웹이 점점 무거워지자 W3C에 새로운 HTML표준을 제안하지만 거절당함
→ 익스플로러를 제외한 다른 기업들이 6WHATWG라는 새로운 웹 표준 기관을 설립하고 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 + 7ECMAScript(JavaScript))
- HTML5 : 웹페이지를 구성하는 HTML 마크업 언어 8
- CSS3(Cascading Style Sheets) : HTML 페이지에 스타일을 지정해주는 스타일시트를 작성할 때 사용하는 언어, 웹 페이지를 꾸며준다
- ECMAScript(JavaScript) : 웹 페이지에서 사용자의 동작에 따라 반응 등을 처리하는 스크립트 언어
HTML5 주요 기능
- 멀티미디어
- HTML Tag, CSS3, WebGL 등을 통한 그래픽
- 서버와의 소켓 통신
- 장치 정보(배터리 잔량, 현재 위치)를 가져오거나 알림 등 장치 기능을 사용하는 디바이스로의 접근
- 오프라인 및 저장소 사용
- 지능형 웹(Semantic) 9
- CSS3의 사용
- 웹의 성능 극대화 및 통합 기능
- 미 국방부 산하의 연구부서 [본문으로]
- 유럽 공동원자핵연구소 [본문으로]
- HTML 표준과 웹 표준안을 제안/제작하는 국제 웹 표준화 단체 [본문으로]
- PC에 추가로 프로그램을 설치해 웹 브라우저의 기능을 확장하는 방법 ex) 어도비 플래시, 액티브X 등 [본문으로]
- 서로 다른 사용자가 함께 새로운 콘텐츠를 창조할 수 있는 시대를 말함 ex) 유튜브, 위키피디아, 깃허브 등 [본문으로]
- Web Hypertext Application Technology Working Group [본문으로]
- 유럽 컴퓨터제조협회(Europe Computer Manufacturer's Association) [본문으로]
- Markup : 웹 페이지의 서식이나 구조를 표현하는 정보 [본문으로]
- 시멘틱 : 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색 및 처리하여 제공하는 기능 [본문으로]
'웹 > 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 |