Dictionary

[Web, WS, WAS] 웹(Web) 기본 개념

ride-dev 2024. 8. 31. 01:24

제목

[Web, WS, WAS] 웹(Web) 기본 개념

관련게시글

[Web, WS, WAS] 웹 기본 개념

목차

0. 웹(Web), 웹서버(Web Server), 웹 애플리케이션 서버(Web Application Server)의 중요성

1. 웹이란 무엇인가?

2. 웹을 구성하는 주요 기술

3. 웹의 작동 원리 (HTTP 프로토콜의 개념)

0. 웹(Web), 웹서버(Web Server), 웹 애플리케이션 서버(Web Application Server)의 중요성

웹 개발자는 클라이언트 측의 코드 작성뿐만 아니라,

서버 측 기술과 그 역할을 이해하는 것이 매우 중요합니다.

웹 서비스는 WS, WAS, Web의 상호작용으로 동작합니다.

따라서 WS,WAS, Web의 동작 원리와 상호작용을 이해한다면,

현재 서비스의 취약점과 강점, 개선점을 빠르게 파악할 수 있습니다.

 

예컨대, 웹사이트의 속도가 느리다거나, 특정 요청이 실패했을 때,

서버의 성능, 로드 밸런싱, 캐싱 전략 등을 고려하여,

원인을 신속하게 분석하고 문제를 해결할 수 있습니다.

당연한 이야기지만,

원인을 모르고 오류를 해결하는 것보다,

원인을 알고 오류를 해결하는 것이 낫습니다.

1. 웹이란 무엇인가?

웹(Web)은 전 세계의 정보와 서비스를 인터넷을 통해 제공하는 시스템입니다.

웹은 월드 와이드 웹(World Wide Web, WWW)이라고도 불리며,

웹 브라우저를 통해 웹사이트와 상호작용할 수 있는 플랫폼입니다.

우리가 흔히 사용하는 네이버, 구글, 유튜브 등의 서비스는 모두 웹의 일부분입니다.

웹은 주로 클라이언트-서버 구조로 동작합니다.

사용자가 브라우저를 통해 웹사이트 주소(URL)를 입력하면,

웹 서버는 해당 요청을 받아,

HTML, CSS, JavaScript와 같은 웹 언어로 작성된 콘텐츠를 반환합니다.

이를 통해 사용자는 텍스트, 이미지, 동영상 등을 화면에서 확인할 수 있습니다.

2. 웹을 구성하는 주요 기술

웹은 다음과 같은 주요 기술로 구성됩니다.

2.1 HTML (HyperText Markup Language)

웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다.

제목, 단락, 링크, 이미지와 같은 요소들을 정의합니다.

2.2 CSS (Cascading Style Sheets)

HTML로 작성된 문서의 스타일을 지정하는 언어입니다.

레이아웃, 색상, 글꼴 등을 정의하여 웹 페이지를 시각적으로 아름답게 만듭니다.

2.3 JavaScript

웹 페이지에 동적인 기능을 추가하는 스크립트 언어입니다.

예컨대, 버튼 클릭 시 이벤트를 처리하거나,

서버에서 데이터를 받아와 화면에 표시하는 등의 작업을 수행할 수 있습니다.

3 웹의 작동 원리 (HTTP 프로토콜의 개념)

웹은 HTTP(HyperText Transfer Protocol)라는 프로토콜을 사용하여,

클라이언트와 서버 간의 통신을 수행합니다.

사용자가 브라우저에서 특정 URL을 입력하면,

브라우저는 HTTP 요청을 보내고,

서버는 그 요청을 처리하여 응답을 반환합니다.

이 응답에는 요청한 웹 페이지의 HTML, 이미지, CSS 등의 파일들이 포함됩니다.

HTTP 요청은 주로 GET, POST, PUT, DELETE와 같은 메서드를 사용하여 서버에 요청을 보냅니다.

사용자가 특정 웹 페이지를 방문할 때는 GET 요청이 사용되고,

웹 폼을 제출할 때는 POST 요청이 사용됩니다.

HTTP는 클라이언트와 서버 간의 요청과 응답을 비연결형으로 처리하므로,

서버가 한 번 응답을 완료하면 연결이 종료됩니다.

이후 추가 요청이 있을 경우, 다시 연결을 생성하는 구조로 동작합니다.

최근에는 보안을 위해 HTTPS(HTTP Secure)라는 프로토콜이 사용되며,

이를 통해 데이터를 암호화하여 안전한 통신을 보장합니다.

728x90

'Dictionary' 카테고리의 다른 글

[Kafka] 개요; Message Broker & Kafka  (0) 2024.06.22
[Dictionary] Computer Network, 컴퓨터 네트워크  (1) 2024.06.20
[GitHubFlow] 형상관리 전략 GitHubFlow  (2) 2024.01.16
Shebang #!  (0) 2024.01.11
Session vs Request Scopes  (0) 2024.01.06