ch1. 웹 프로그래밍과 HTML5 개요

최초의 웹 브라우저: WORLD WIDE WEB

• 인터넷을 이용한 정보 교류 시스템
• 팀 버너스리
• 이후 Nexus로 개명

 

인터넷과 웹의 차이

• 인터넷은 고속도로망, 웹은 고속도로망을 이용한 택배 서비스

 

웹 서버와 웹 사이트

• 컴퓨터에 웹 서버 소프트웨어 설치: Apache, Nginx, GWS
• 작성한 웹 페이지 저장
• 웹 응용프로그램 개발 및 설치: 다양한 언어들로 개발됨

 

웹 문서와 전자문서의 차이

• 웹 페이지 단위로 분할
• 웹 페이지에는 텍스트만 담고 이미지, 동영상 등 멀티미디어 데이터는 별도 파일로 만들어 웹 페이지에서 파일의 이름, 주소로 연결
• 웹 페이지 사이의 연결은 하이퍼 링크 이용
• 읽는 순서를 사용자가 정한다.

 

HTTP(Hyper Text Transfer Protocol)

• 웹 브라우저와 웹 서버 간 통신
• 웹 브라우저가 요청하고 웹 서버가 응답
• 하나의 세션 동안 하나의 HTML파일만 전송됨
• 10개의 이미지를 가진 HTML페이지 출력을 위해선 웹 브라우저와 웹 서버에서 11번 HTTP통신 수행

 

웹의 성공

• 만들기 쉬운 HTML문서
• 효율적인 HTTP통신: 하나의 HTTP 세션에 걸리는 시간이 매우 짧음
• 클라이언트와 서버의 작업 분담

 

웹 페이지 구성요소

• HTML: 웹 페이지의 구조와 내용
• CSS(cascading style sheet): 웹 페이지의 모양
• Javascript: 웹 페이지의 행동 및 응용 프로그램

 

HTML5의 출현배경

• 비표준 기술의 혼재, 웹 브라우저의 비호환성
• 인터넷 기기의 다양화
• 새로운 범용 웹 표준의 필요성

 

디버깅

• HTML 페이지 작성 과정에서 오류 수정
• 디버깅 도구: 개발자 도구

 

오답노트

일반인이 쉽게 사용할 수 있도록 만들어진 웹 브라우저? 1993년 Mosaic >> 1994년  넷스케이프

기존 HTML과 HTML5 차이: 표준화된 시맨틱 태그 삽입, 플러그인 없이 미디어 재생, 다양한 자바스크립트 API 제공