웹 기초

웹의 기본 목적과 구성

웹(web)의 기본 목적 

다른 여러 컴퓨터에서 문서를 공유하거나 보는 목적.
웹에서 다루는 문서를 웹 문서라고 부른다.

웹의 구조

인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망 (World Wide Web)

웹의 구성

웹서버와 웹 클라이언트 컴퓨터들로 구성

웹서버

웹 사이트를 탑재하는 컴퓨터, 구글, 네이버.... 등

• 웹문서, 이미지, 동영상 등의 데이터 저장 관리
• 웹 클라이언트의 요청을 받아 웹 문서 전송
• 웹 서버로 작동하도록 하는 소프트웨어 실행

웹 클라이언트

사용자 인터페이스 담당

 

웹 서버에 웹 문서를 요청하고 받아서 사용자에게 출력

인터넷 != 웹

인터넷

웹의 개념이 나오기 전부터 만들어진, 컴퓨터 네크워크 

여러 대학들과 계약 업체 사이의 컴퓨터를 연결
컴퓨터마다 고유한 주소(IP주소)를 부여하여 컴퓨터를 구분

 

인터넷을 활용하는 응용서비스 사례

전자우편, 뉴스, 파일전송, 채팅, 메신저, P2P, 스트리밍, 인터넷전화기, WWW

 

월드 와이드 웹

인터넷을 활용하는 응용 서비스 중의 하나
웹 서버와 웹 브라우저로 구성되는 정보 전달 및 공유 서비스

웹 브라우저의 종류

Netscape Navigator : 일반인도 쉽게 사용하도록 GUI형태, 1993년 개발됨
Internet Explorer : 1995년 MS에서 개발, 윈도우에 끼워팔기(무료) 
순식간에 Netscape 잠식
Safari : 2003년 애플에서 개발, Mac, OS와 모바일 iOS에서 실행
Firefox : 2002년 Mozilla 재단에서 개발, W3C의 표준안에 가장 충실
Chrome : 2008년 구글에서 개발. 가장 많이 사용중
Edge : 2015년 MS 개발.  

 

웹 사이트 구축

웹 서버로 사용할 컴퓨터에 웹 서버 소프트웨어 설치
웹 페이지, 동영상, 이미지 저장, 데이터베이스 설치
웹 서버 응용프로그램 개발 및 설치

웹 서버 소프트웨어

기능

웹 브라우저로부터 요청이 오면 해석
필요한 웹 서버 응용프로그램 작동
웹 서버 응용프로그램 실행 결과를 웹 브라우저로 전송

종류

Apache , ngix, GWS(google webser server)...

 

웹 문서

HTML 언어로 작성 / 웹 브라우저로 보기

 

페이지 단위로 파일에 분할하여 저장

 

페이지마다 하나의 파일에 나누어 작성하고 저장 - 웹페이지 

 

각 페이지는 하이퍼링크로 연결

 

웹 문서를 읽는 순서는 사용자가 결정
웹 문서는 사용자가 연결해둔 하이퍼링크를 따라 웹 페이지를 선택

웹 페이지

텍스트 만 저장 - 이미지, 그래픽, 동영상 등은 별도에 파일로 저장
웹 페이지에 이미지, 그래픽, 동영상 파일의 이름으로 연결

 

웹 페이지들의 연결

하이퍼링크 : 다른 웹 페이지의 주소를 가진 텍스트 정보
하이퍼링크로 웹 페이지들을 상호 연결한다.

 

웹 페이지의 주소 , URL

실제 주소: 123.234.222.101:80
http://http://www.oracle.com:80/technetwork/java/index.html
http://	http://www.oracle.com	:80 (생략)	/technetwork/java/	index.html
프로토콜	서버주소	tcp/ip포트번호	경로명	파일이름

 

웹 페이지 구성

웹 페이지 구성 3 요소

• 웹 페이지의 구조와 내용 - HTML
• 웹 페이지의 모양 - CSS (Cascading Style Sheet)
• 웹 페이지의 행동 및 응용 프로그램 - Javascript

웹 페이지는 3 요소를 분리해서 개발