[HTML5] 1. C/S 환경 ( 웹 서비스 환경 ) + 웹페이지 동작원리 + 프론트 엔드와 백 엔드 + 웹과 인터넷 + 웹 사이트 구축

1. C/S 환경 ( 웹 서비스 환경 ) + 웹페이지 동작원리 + 프론트 엔드와 백 엔드 + 웹과 인터넷 + 웹 사이트 구축

 

 

 

# 웹

- 웹의 기본 목적 : 다른 여러 컴퓨터에서 문서를 공유하거나 보기 위함

- 웹 문서 : 웹에서 다루는 문서

 

# 웹의 구조

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

-> 웹 문서를 인터넷 상의 컴퓨터끼리 주고받는 네트워크 시스템

 

# 웹의 구성

-> 웹 = 웹 서버 + 웹 클라이언트 컴퓨터들

 

# 웹 서버

: 웹 사이트를 탑재하는 컴퓨터, 구글, 네이버 등으로, 웹 문서나 이미지, 동영상 등의 데이터를 저장하고 관리한다. 웹 클라이언트의 요청이 발생하면 웹 문서를 전송하고 웹 서버로 작동하도록 하는 소프트웨어를 실행시키는 역할도 수행한다.

 

# 웹 클라이언트

: 사용자 인터페이스를 담당하며, 웹 서버에 웹 문서를 요청하고 받아 사용자에게 출력해준다.

 

# 웹 서비스 환경

-> 서버 : 데이터를 가지고 있는 요소

-> 클라이언트 : 데이터에 대한 자료를 요청하는 것들 ( ex. PC, 노트북, 태블릿 등 )

-> 웹 브라우저 : 인터넷 망에 접근 시 사용하는 도구로, 클라이언드 안에 존재 ( ex. 크롬, 인터넷익스플로러, 오페라, 파이어폭스 )

 

 

# 웹페이지의 동작 원리 1

1. 클라이언트 측의 요청 -> 2. 해석(Djang) -> 3. 변환 ( 클라이언트가 볼 수 있는 HTML 문서로 재변환 ) -> 4. 응답 -> 5. 해석

 

+ 2,3번은 서버의 역할

 

 

 

# 프론트 엔드와 백 엔드

구분	클라이언트 측  페이지 = Front - end	서버 측 페이지 = Back - end
문서	정적 페이지	동적 페이지
처리 방식	수동적, 고정적	사용자의 입력을 실시간으로 처리
통신 방식	클라이언트에서 고정 페이지를 전송받는 단방향 통신	서버와 클라이언트 사이의 양방향 통신
해석 위치	클라이언트 측	서버 측
웹사이트 운영면	내용을 변경하려면 일일이 편집해야 함  -> 비효율적	내용이 추가되어도 문서를 재편집할 필요 X -> 효율적
활용 분야	내용이 변하지 않는 일반 문서	내용이 수시로 변하는 게시판, 설문조사, 회원가입, 검색엔진 등
제작 기술	HTML, CSS, JavaScript	PHP, ASP, JSP, Python

 

 

 

# 인터넷 VS 웹

인터넷	월드 와이드 웹
웹의 개념이 나오기 전부터 만들어진 컴퓨터 연결 네트워크	인터넷을 활용하는 응용 서비스 중 하나
ex) 고속도로	ex) 고속도로를 이용한 산업

+ 응용 서비스의 종류 : 뉴스, 전자우편, 파일 전송, 메신저, 월드 와이드 웹, 인터넷 전화기, 스트리밍 서비스, P2P, 채팅 등

 

 

 

 

# 웹 사이트 구축

- 웹 서버로 사용할 컴퓨터에 웹 서버 소프트웨어(HTTPd (소문자 d는 백그라운드에서 계속 도는 데몬 서비스)) 설치

- 웹 페이지, 동영상, 이미지 저장, 데이터베이스 설치

- 웹 서버 응용 프로그램 개발 및 설치

 

 

# 웹 서버 소프트웨어의 기능과 종류

1. 웹 브라우저로부터 요청 및 결과 해석

2. 필요한 웹 서버 응용프로그램 작동시키기

3. 웹 서버 응용 프로그램의 실행 결과를 웹 브라우저로 전송

 

ex) 구글의 GWS, Apache 의 Apache

 

 

 

# 웹 서버 응용 프로그램

: 웹 사이트의 목적을 이행하는 서버 측의 소프트웨어

( ex. 검색 사이트에서는 검색 웹 서버 응용 프로그램을 필요로 하고, 번역 사이트에서는 번역 웹 서버 응용 프로그램이 필요하다.)

 

-> 웹 서버 응용 프로그램 개발 언어 : 파이썬, C 언어와 C++, JSP (자바 서버 페이지), PHP, Perl