JSP Introduction

Table of contents

1. Internet & Web
   1. What is Internet & Web?
   2. How the Web Works
   3. Web Browser and Web Server
   4. Port
   5. URL(Uniform Resource Locator)
   6. HTML and HTTP
      1. HTTP Rules
2. Web Pages
   1. Technology used to Create Websites
   2. Static Web Page
      1. How Static Web Pages Work
      2. Advantage & Disadvantage of Static WebPage
   3. Dynamic Web Pages
      1. How Dynamic Web Pages Work
3. Representative Site
   1. Information

Internet & Web

What is Internet & Web?

인터넷(internet)과 웹(web)은 대개 동의어로 쓰이지만 서로 다른 개념임

▸ 인터넷의 활용에서 웹의 비중이 절대적 위치를 차지하여 흔히 인터넷과 웹을 같은 의미로 사용

▸ 인터넷 내부에 이메일, 웹, 파일송수신, 텔넷 등이 포함

• 인터넷 : 컴퓨터가 서로 연결되어 TCP/IP라는 통신 프로토콜을 이용하여 정보를 주고 받는 전세계의 컴퓨터 네트워크

• 웹 : 인터넷을 통해 광범위한 정보를 제공할 수 있는 서비스 중 하나

  ▸ 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 정보 공간

  ▸ 월드 와이드 웹(world wide web)의 줄임말

How the Web Works

웹은 기본적으로 클라이언트/서버 방식으로 동작

클라이언트(웹 브라우저)가 특정 페이지를 웹 서버에 요청(request)하면 이를 처리한 후 그 결과를 클라이언트에게 보내어 응답(response)

즉 웹브라우저에 원하는 웹 서버 주소를 입력(요청)하면 웹 서버가 웹 브라우저를 통해 해당 웹 페이지를 제공(응답)

▸ 요청하는 쪽이 클라이언트(사용자)이고 응답하는 쪽이 서버(제공자)

▸ 가장 널리쓰이는 웹 서버로 아파치(Apache), 톰캣(Tomcat), IIS(Internet Information Server)등

Web Browser and Web Server

웹 브라우저와 웹 서버는 IP주소를 이용해서 연결하기 때문에 도메인이름을 IP주소로 변환할 필요가 있음

이때 사용하는 것이 DNS(Domain Name Server)

웹브라우저와 웹 서버의 통신과정

Port

각 서버프로그램을 클라이언트가 연결할 때 다른 서버프로그램과 구분할 때 사용하는 것

한개의 컴퓨터는 여러개의 서버 프로그램이 실행될 수 있는데 ip주소만으로는 어떤 서버프로그램을 사용할지 모르기 때문에 클라이언트가 연결할 때 각 서버프로그램을 구분할 수 있게 포트를 사용함

▸ ip + port = 원하는 서버프로그램 연결

URL(Uniform Resource Locator)

URL의 주요 구성 요소

://

HTML and HTTP

• HTML : 웹페이지를 만들 때 사용하는 것

  ▸ 렌더링 : HTML문서를 받은 웹 브라우저가 정해진 규칙에 따라 HTML문서를 분석해서 알맞은 화면을 생성하는 과정

• HTTP : 웹 브라우저와 웹 서버가 HTML을 비롯해 이미지, 동영상, XML문서 등 다양한 데이터를 주고 받을 때 사용하는 일종의 규칙, 쉽게말해 정보를 담는 박스라고 생각하면 됨

HTTP Rules

• 요청 규칙 : 웹 브라우저가 웹 서버에 HTML과 같은것을 요청할 때 사용할 데이터 구성 규칙

  ▸ 요청데이터는 웹 브라우저가 웹 서버로부터 무엇을 받고 싶은지 기술

  → 요청데이터 : 요청줄, 헤더, 몸체로 구성

• 응답 규칙 : 웹 서버가 웹 브라우저에 HTML과 같은것을 전송할 때 사용할 데이터 구성 규칙

  ▸ 요청데이터에 기술한 정보를 이용해서 웹 브라우저가 요청한 것을 응답데이터에 담아 보냄

  → 응답데이터 : 응답줄, 헤더, 몸체로 구성

요청/응답 데이터의 구성요소

▸ 자원 : 위 표에서 자원이란 HTML뿐만 아니라 이미지, 자바 스크립트 코드 등 다양한 데이터를 말함

Web Pages

Technology used to Create Websites

웹을 기반으로 하는 서비스를 만들기 위해 필요한 지식은 많음

자바를 이용해서 웹사이트를 만들 때 사용하는 기술들

Static Web Page

컴퓨터에 저장된 텍스트 파일을 그대로 보는 것

▸ HTML(Hyper Text Markup Language)과 같은 웹 언어로 작성

▸ 가장 단순한 형태의 웹 언어

▸ 추가적인 처리 과정 없이 클라이언트에게 응답을 보냄

▸ 회사나 개인 소개 페이지가 정적 웹 페이지의 좋은 예시

How Static Web Pages Work

1. 클라이언트가 웹 브라우저를 통해 웹 서버에 웹 페이지(URL) 요청

2. 해당 URL의 웹 서버가 수신된 .html 파일을 검색

3. 이미 준비된 HTML 문서를 클라이언트에게 그대로 전송

4. 웹 브라우저가 HTML 문서를 보여줌

Advantage & Disadvantage of Static WebPage

정적 홈페이지의 장,단점

장점

단점

Dynamic Web Pages

저장된 내용을 다른 변수로 가공 처리하여 보는 것

▸ 동적 페이지는 방문자와 상호작용하기 때문에 웹 페이지 상에서 특정 부분을 동적으로 바꾸는 형태로 사용해 페이지 내용은 그때그때 다름

▸ 댓글, 날씨, 주가 정보 등과 같이 정보 변경이 잦은 곳에 많이 사용됨

▸ 기술이 발전함에 따라 사용자의 기호에 맞게 능동적으로 변화하는 웹 페이지가 필요해져서 이를 위해 동적 웹 페이지를 제공하는 PHP(Personal Home Page), ASP(Active Server Page), JSP와 같은 웹 언어가 개발됨

How Dynamic Web Pages Work

사용자가 웹 페이지에 글을 작성하거나 환경 설정 등을 바꾸면 그내용이 서버에 있는 데이터베이스에 저장되고 결과가 웹 페이지에 반영되는 형태로 동작

로그인하면 개인에 대한 정보와 개인만의 화면으로 구성되는 웹 사이트가 동적 웹 페이지의 대표적인 예

1. 클라이언트가 웹 브라우저를 통해 웹 서버에 웹 페이지(URL) 요청

2. 해당 URL의 웹 서버가 요청을 분석하여 처리

3. 결과를 HTML 문서로 생성

4. 요청에 맞게 정제된 HTML 문서를 클라이언트에게 전달

5. 웹 브라우저가 HTML 문서를 보여줌

파이썬으로 동적 웹페이지 크롤링

Representative Site

Information

• ruinak

• Hogni

• ansalstmd