[프론트엔드 개발자가 알야아할 기초 지식] 웹(Web)

Web 이란?

웹은 World Wide Web의 약어로, 인터넷을 통해 전 세계적으로 연결된 컴퓨터 네트워크다. 웹은 우리가 일상적으로 사용하는 웹사이트, 온라인 쇼핑, 소셜 미디어, 블로그 등을 통해 정보를 공유하고 통신하는 데 사용된다.

웹브라우저의 동작방식

웹사이트 접속시 웹브라우저 프로그램을 사용하는데 많이들 사용하는 브라우저는 "크롬, 파이어폭스, 사파리 "등이 있다.

이 브라우저 이용하여 사용자는 내가 들어가고싶은 해당 페이지의 주소를 입력하면 웹페이지는 서버에 요청을 하고 서버의 응답으로 웹 문서를 받는데, 받은 웹문서는(html, css 등)을 화면에 렌더링하여 모니터 화면에 웹페이지를 표시한다.

*렌더링 관련 세부 내용은 ""여기를 참고

서버와 클라이언트

웹은 클라이언트-서버 모델을 기반으로 작동한다. 사용자는 웹 브라우저를 통해 웹 페이지에 접속하고, 이 페이지는 서버에서 제공됩니다. 서버는 사용자의 요청을 받아 해당하는 정보를 제공하며, 이러한 요청과 응답은 HTTP(하이퍼텍스트 전송 프로토콜)를 통해 이루어집니다.

클라이언트가 요청을 보내면, 서버가 응답함

서버는 클라이언트로 부터 받은 요청을 처리해 응답을 전송하게 됨

HTML

웹 페이지는 HTML(HyperText Markup Language)로 작성되며, 웹 브라우저는 이 코드를 해석하여 사용자에게 시각적으로 표시한다.

여기서 Markup은 웹 문서가 모니터 화면에서 보이는 형태를 결정하는 구조이다.

HTML 문서의 기본은 아래와 같다.

<!DOCTYPE html>
<html>
	<head>
        <title>문서 제목</title>
    </head>
    <body>
        <!-- 웹 페이지의 내용을 여기에 작성합니다 -->
    </body>
</html>

웹 페이지는 다양한 요소로 구성되는데, 텍스트, 이미지, 링크, 비디오 등을 포함할 수 있다.

HTTP

하이퍼텍스트를 전송하기 위해 개발된 프로토콜로 간편히 데이터를 전송하게 해준다.
웹브라우저의 주소 표시줄에 URL()을 입력한 뒤에 접속을 시도한다.
- URL은 인터넷에 존재하는 특정한 정보 자원의 종류와 위치를 나타내는 문자열이다.
- 아래의 주소창을 보면 https는 프로토콜, 그 이후가 인터넷 주소이다.

Web

HTTP 프로토콜을 이용해 수 없이 많은 페이지로 링크를 타고 이동할 수 있다.

'프론트 기초지식' 카테고리의 다른 글

[프론트엔드 개발자가 알아야 할 기초 지식] HTTP란? (feat. REST API) (2)	2024.02.18
[프론트엔드 개발자가 알아야 할 기초 지식] 쿠키(Cokie)와 세션(Session) (0)	2024.02.04
[개발자 기본 지식] JWT와 사용하는이유 (0)	2023.12.27
[개발자 기본 지식] 렌더링이란? 서버사이드렌더링(SSR)과 클라이언트사이드렌더링(CSR) (0)	2023.12.19

🐶 🐾 로그

[프론트엔드 개발자가 알야아할 기초 지식] 웹(Web)

Web 이란?

서버와 클라이언트

HTML

HTTP

Web

'프론트 기초지식' 카테고리의 다른 글

티스토리툴바

[프론트엔드 개발자가 알야아할 기초 지식] 웹(Web)

Web 이란?

서버와 클라이언트

HTML

HTTP

Web

'프론트 기초지식' 카테고리의 다른 글

관련글

티스토리툴바