[웹 프로그래밍] 기본 개념

원글 -> 깃블로그

[웹프로그래밍][중간고사대비]1.기본개념 | 개발로 쓰다

웹 프로그래밍 바탕 지식

Web Programming 이란?

클라이언트(Client)와 서버(Server)방식으로

Client 즉 네트워크로 연결된 서버로 부터 정보를 제공받는 컴퓨터,

제공받는 web Browser에서 주소를 입력하거나, 무언가 클릭하여 server에 요청(Request)를 보내면 서버에서 request를 받아서 실행하고 실행 결과는 server가 client에게 응답(Response)를 통해 보내면 web Browser는 해당 결과를 받아서 시각적으로 보여주는 역할을 한다

clinet와 server는 위 사진과 같은 구조를 가진다.

web Browser

html문서를 시각적으로 보여주기 위한 SW, 인터넷을 통해 html문서를 받아서 사용자에게 보여주는 역할을 한다.

web server

Request가 요구하는 html문서를 web browser에게 인터넷을 통해서 전달하는 역할을 한다.

web server는 http를 사용하여 요청에 대한 응답으로 웹 페이지를 구성하는 파일을 컴퓨터의 http 클라이언트에서 전달하는 프로그램

Request

주소를 입력하거나 링크가 걸린 태그를 클릭하여 서버에 요청을 보내는 것

Response

Request 발생시점부터 요청에 대한 응답으로 html문서를 전달

HTTP 프로토콜

통신 프로토콜(Protocol)

다양한 SW들이 인터넷을 통해서 명령과 데이터를 주고 받는 데이터에 대한 표준화된 통신 규격

HTTP Protocol

웹 브라우저가 인터넷을 통해서 web server에 request를 보내고 web server는 web browser에게 response로 html 문서를 전달하며 통신하는 통신 규격을 말함.

http request

web browser가 web server에게 문서나 데이터를 요청하는 것.

http request에는 요청되는 문서나 데이터에 대한 url이 포함되어야함.

동적 문서일 경우 문서를 생성하고 수정하는데 필요한 추가 파라미터도 포함된다.

http response

web server가 web browser에게 request받은 문서나 데이터를 인터넷을 통해 전달하는 것.

요청된 문서나 데이터가 포함되며 문서이외에도 사진, 영상도 전달이 가능하다.

정적인 문서와 동적인 문서

정적인 문서(Static Document)

html 내용을 화면에 그대로 출력한다.

동적인 문서(Dynamic Document)

사용자의 인터랙션에 따라서 웹페이지가 바뀌는 문서.

JSP처럼 내용이 수정되어서 그려지는 문서를 말한다.

JSP로 수정되어진 문서는 html형식으로 전달된다.

웹서버 프로그래밍이란?

Web Server program

파일에 저장된 내용을 바탕으로 웹서버가 무엇인가 실행해서 문서 내용을 바꿀때, 문서내용을 바꾸기위해서 웹 서버에서 실행되는 소스코드를 말한다.

JSP (Java Server Page)

자바 웹 프로그래밍 기술, 내부 java 코드로 실행하고 변경 내용을 전달한다.

URL

sw.jinsu.ac.kr과 jinsu.ac.kr/sw의 차이

sw.jinsu.ac.kr

서버 주소이면서 웹 서버 컴퓨터의 주소

• 장점: 주소가 간결하여 편리하다.
• 단점: 수가 늘어나면 관리하기 어렵다. 많을 시 주소가 많아진다.

jinsu.ac.kr/sw

sw가 주소에 포함된 어플리케이션 이름.

• 장점: 수가 늘어나도 관리하기 쉽다.
• 단점: 주소가 복잡해 질 수 있다.

url의 예시

https://jinsu4755.github.io/categories/웹-프로그래밍

https://comic.naver.com:8080/webtoon/detail.nhn?titleId=20853&no=1193

http

통신 프로토콜을 의미한다.

jinsu4755.github.io / comic.naver.com

웹 서버 컴퓨터 주소

:8080

웹 서버가 TCP/IP통신에 사용할 port번호.

Default value 80 이면 생략이 가능하다.

categories / webtoon

context 이름, context path

웹서버에서 실행되는 웹 어플리케이션의 이름

eclipse에서 개발시 project이름이 톰캣 웹서버에서 실행될때 context가 된다.

detail.nhn

해당 문서의 이름

?titleId=20853&no=1193

query String, 문서의 경로명 뒤에 추가 파라미터 데이터

웹 서버에서 동적 문서가 수정 될 때 사용된다.

eclipse에서 만들어진 파일이 실행되는 과정

1. eclipse에서 파일을 생성한다.
2. 해당 파일을 톰캣 웹 서버에 설치한다.
3. 사용자가 request를 보내면 웹 서버에서 response를 보낸다.