웹(WEB) 정의
웹(WEB)은 월드 와이드 웹(World Wide Web)의 줄임말로, 인터넷을 통해 사람들이 정보를 주고받을 수 있게 해주는 시스템이야. 이 시스템을 통해 전 세계의 정보에 쉽게 접근할 수 있지.
➡️ 웹의 주요 구성 요소
1. 웹 브라우저(Web Browser)
- 정의 : 웹 브라우저는 웹 페이지를 열어보고 탐색할 수 있게 해주는 소프트웨어 ex) 구글 크롬, 파이어폭스, 사파리, 엣지
- 역할 : 사용자가 웹 주소(도메인)를 입력하면, 그 주소에 해당하는 웹 페이지를 서버로부터 받아와서 화면에 보여줘.
2. 웹 서버(Web Server)
- 정의 :웹 서버는 웹 페이지를 저장하고 있다가, 사용자가 요청하면 해당 페이지를 보여주는 컴퓨터 시스템
- 역할 : 사용자가 웹 페이지를 요청하면, 웹 서버가 그 요청을 처리해서 필요한 정보를 웹 브라우저에게 보내줘. 웹 서버 소프트웨어로는 아파치(Apache), 엔진엑스(Nginx), IIS(Internet Information Services) 등이 있어.
3. HTML(HyperText Markup Language)
- 정의 : HTML은 웹 페이지를 작성하는 데 사용되는 기본 언어
- 역할 : 웹 페이지의 구조를 정의하고, 텍스트, 이미지, 링크 등을 배치하는 역할을 해.
- HT - HyperText : 문서와 문서가 링크로 연결되어 있어.
- M - Markup : 태그로 이루어져 있어.
- L - Language
- 문서의 구조 : html 문서는 파일의 확장자가 html 혹은 htm으로 끝나. 최상위 태그로 <html>을 사용하며 그 하위에 <head> 태그와 <body> 태그를 콘텐츠로 가지고 있어.
- head태그는 문서를 설명하는 태그로 제목이나 키워드와 같은 정보를 담아.
- body태그에는 문서의 내용이 위치해.
4. CSS(Cascading Style Sheets)
- 정의 : css는 HTML로 작성된 웹 페이지를 꾸미는 데 사용되는 언어
- 역할 : 웹 페이지의 레이아웃, 색상, 글꼴 등을 설정해서 페이지를 더 보기 좋게 만들어 줘.
5. JavaScript
- 정의 : JS는 웹 페이지를 동적으로 만들어주는 프로그래밍 언어
- 역할 : 웹 페이지에서 사용자와의 상호작용(예 : 버튼 클릭 시 동작)을 가능하게 해 주고, 페이지를 더 인터랙티브 하게 만들어줘.
6. HTTP(Hypertext Transfer Protocol)
- 정의 : HTTP는 웹 브라우저와 웹 서버가 서로 소통할 때 사용하는 프로토콜(규칙)
- 역할 : 웹 브라우저가 웹 서버에 웹 페이지를 요청하고, 웹 서버가 그 페이지를 브라우저에게 보내주는 방식을 정의해.
➡️웹의 작동 방식⭐
1. 웹 브라우저에 도메인 입력
- 사용자가 웹 브라우저에 도메인(예 : www.example.com)을 입력
2. DNS 서버
- 웹 브라우저가 "http://www.example.com"이 어떤 컴퓨터(IP 주소)를 가리키는지 알아내기 위해 DNS 서버에게 물어본다.
- DNS 서버는 "http://www.example.com"에 해당하는 IP 주소를 웹 브라우저에게 알려준다.
3. 서버 접속
- 웹 브라우저는 이 IP 주소를 이용해서 인터넷을 통해 해당 서버에 접속한다.
- 이 과정에서 컴퓨터의 네트워크 장치(랜카드나 와이파이)를 사용한다.
4. HTTP 요청
- 웹 브라우저는 서버에 "이 주소에 있는 웹 페이지를 보여주세요"라고 요청한다.
5. 웹 서버 응답
- 서버에 있는 웹 서버 소프트웨어(예: Apache, IIS)가 요청을 받는다.
- 웹 서버는 요청된 웹 페이지를 찾아서 웹 브라우저에게 보낸다.
6. 웹 페이지 표시
- 웹 브라우저는 서버에서 받은 데이터를 사용해서 웹 페이지를 화면에 표시한다.
'ETC' 카테고리의 다른 글
| Cookies, Session, Cache에 대해 알아보자.(2) (2) | 2024.10.31 |
|---|---|
| Firebase Permission denied 문제 - 해결방법 (0) | 2024.04.19 |
| 전통적인 백엔드 스택과 서버리스에 관하여 (0) | 2024.04.18 |
| 4가지 렌더링 방식 (0) | 2024.04.11 |
| Cookies, Session, Cache에 대해 알아보자.(1) (0) | 2023.11.03 |