서버 구축을 위한 웹(Web)의 동작 방식과 기본 용어 및 개념

플라스크와 장고를 공부중인데, 기본적인 웹에 대한 개념이 안잡힌것 같아서 용어들을 정리해 보려 합니다. 

*웹(Web)

 지금 보고 있는 이 게시글은 웹 페이지라고 합니다. 이러한 웹 페이지들의 집함은 웹사이트(website)라고 합니다. 여기서, 기능이 확장된것은 웹 애플리케이션 및 웹 앱이라고 합니다.

*웹 프로그래밍

웹 프로그래밍이란, HTTP 프로토콜로 통신하는 클라이언트와 서버를 구축하는 과정을 말합니다.

HTTP/HTTPS란? (Hyper Text Transfer Protocol)
인터넷에서 하이퍼 텍스트 문서를 교환하기 위해 사용되는 프로토콜

프로토콜이란? (protocol) 복수의 컴퓨터 사이나 중앙 컴퓨터와 단말기 사이에서 데이터 통신을 원활하게 하기 위해 필요한 통신 규약을 말합니다.

*동작 방식

웹이 작동하기 위해서는 두가지 요소가 필요합니다.

 첫번째는 서버(html문서, 및 웹 페이지를 실질적으로 구동하는 요소), 두번째는 클라이언트(사용자, 사파리 및 크롬등과 같은 웹 브라우져로 접속하는)

예를들어, 클라이언트가 http://infinitt.tistory.com 라는 URL에 접근 하여 정보를 요청(Http요청)합니다. 그럼 서버(tistory)에서 응답을하여 정보를 클라이언트에 전달합니다. 이러한 과정을 통해 우리는 웹페이지를 열람 할 수 있습니다.

이러한 역할이 고정적인건 아닌데요, 왜냐하면 서버도 요청을 보낼 수 있습니다. 이때는 반대로 정보를 요청하는 서버가 클라이언트가 됩니다.(ex:회원가입 할때 정보 요청).  따라서 상대적인 개념이라고 생각하면 됩니다. 

*HTTP 요청과 응답

http요청 : 메서드(서버의 동작), URL주소, 헤더 및 본문(본문은 필수요소 아님)

http응답 : 상태코드, 헤더 및 본문

 

*프론트엔드 , 백엔드

웹의 동작을 도식화 해보면 다음과 같은 형태입니다.

프론트엔드 : 사용자의 요청을 반영, 적절한 레이아웃 및 디자인, 웹 콘텐츠를 효율적으로 구조화 하는 역할 (디자인적인                   측면이 강함) , 이때 사용되는 언어는 JavaScript Css Html 입니다.

백엔드 : 사용자인터페이스 이외의 거의 모든것을 담당. (사용자에게 보이지 않는 내부적 측면) 사용언어 : PHP Python                Jva 그리고 데이터베이스 및 프레임워크(장고 플라스크)