URL, 웹페이지 구성요소

찬민·2024년 8월 12일
0

TIL

목록 보기
34/62

URL 구성요소

  • 프로토콜:
    웹 브라우저가 웹 서버와 통신할 때 사용하는 규칙을 정의하는 부분이다. 예를 들어, HTTP, HTTPS, FTP 등이 있다.

  • 도메인:
    웹 사이트의 주소를 나타내는 부분으로, 사용자가 웹 사이트를 방문할 때 입력하는 URL의 주요 부분이다. 예를 들어, www.example.com이 도메인에 해당한다.

  • 경로:
    도메인 내에서 특정 페이지나 리소스를 가리키는 위치를 나타낸다. 예를 들어, www.example.com/about에서 /about이 경로이다.

  • 쿼리:
    추가적인 정보를 서버에 전달하기 위해 URL에 붙이는 부분으로, 주로 ? 뒤에 key-value 형식으로 나타난다. 예를 들어, www.example.com/search?q=example에서 ?q=example이 쿼리에 해당한다.

웹 구조 정리

웹 구조 그래프

A. 사용자가 웹 브라우저를 통해 웹 페이지를 요청
B. 브라우저가 DNS 서버에 요청
C. DNS 서버가 데이터베이스(DB)에 조회 요청
D. DNS 서버가 DB로부터 IP 주소를 받아옴
E. DNS 서버가 IP 주소를 브라우저에 반환
F. 브라우저가 서버에 웹 페이지 요청
G. 웹 서버가 DB에 요청한 웹 페이지 데이터를 조회
H. 서버가 DB로부터 웹 페이지 데이터를 받아옴
I. 서버가 웹 페이지를 브라우저에 반환
J. 웹 페이지가 브라우저에 표시

웹 페이지 구성 요소

  • HTML:
    웹 페이지의 구조를 정의하는 언어로, 텍스트, 이미지, 링크 등 페이지의 기본적인 콘텐츠를 구성한다.

  • CSS:
    HTML로 구성된 웹 페이지의 스타일을 지정하는 언어로, 색상, 글꼴, 레이아웃 등을 설정하여 페이지의 외관을 디자인한다.

  • JavaScript (JS):
    웹 페이지에 동적인 기능을 추가하는 스크립트 언어로, 사용자와의 상호작용을 가능하게 한다. 예를 들어, 버튼을 클릭하면 특정 동작이 실행되는 기능을 구현할 수 있다.

0개의 댓글