개발자를 희망하는 초보의 자기개발 이야기

웹 개발과 웹 작동방식이란? 본문

프론트엔드(Front-end)

웹 개발과 웹 작동방식이란?

클라우드아실 2023. 11. 3. 20:20
반응형

웹 개발자들은 일반적으로 웹 사이트를 만든다.

※ 웹이란?
 - 웹은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
- www(world wide web)로 말하기도 한다.

 
 
웹 사이트에 접속하기 위해서는 웹 브라우저가 필요하다.

 웹 브라우저란?
 - 웹 서버에서 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 프로그램이다.

 

naver.com 같은 인터넷 주소를 도메인이라고 한다.

 도메인이란?
 - 외우거나 식별하기 어려운 IP 주소(예:240.10.20.1)를 example.com처럼 기억하기 쉽게 만든 것이다.



청와대의 영문 웹사이트 주소는 https://eng.president.go.kr/인데  아래와 같이 분석할 수 있다.

※ 도메인의 위치별 의미
 - 도메인은 오른쪽이 최상위 도메인으로 왼쪽으로 갈수록 하위 도메인이 된다.
 - kr : 최상위 도메인으로 kr은 국가를 의미. com은 회사(company)를 위한 도메인이었으나 개인도 사용 가능하다.
 - go: 기관 종류를 의미한다. 대학의 경우 ac를 사용하고, 이 부분이 없는 도메인도 많다.
 - president :  도메인네임으로 상호명과 같은 식별자에 해당한다. 우리가 흔히 도메인에서 가장 눈여겨보는 부분이다.
 - eng : 서브 도메인으로 도메인네임의 일부를 의미한다. 영문 페이지라는 뜻에서 eng로 등록한 것으로 추정된다.
추가적으로 온라인 스토어를 제공하는 곳은 서브 도메인이 shop이나 store인 경우를 볼 수도 있다.

 
 
도메인의 우측으로 추가적인 주소가 기재되는 경우는 도메인의 하위 폴더(directory)에 해당한다.

※ 도메인 하위폴더(directory)란?
- 웹사이트 내에 추가적인 콘텐츠의 위치를 나타낸다. 서브 폴더라고도 한다.
※ 서브 도메인과 서브 폴더의 차이는?
1. 서브 도메인의 용도는?
기능에 따른 도메인의 파생이라 볼 수 있는데, 가장 쉬운 형태로 m.naver.com의 경우 모바일 환경을 위한 네이버 서브 도메인이다.
2. 서브 폴더의 용도는?
사이트의 전체를 보완할 목적으로 추가적인 콘텐츠를 분류한 것이라 볼 수 있다.

 

도메인으로 사이트에 접속하는 경우가 대부분이나
서브 도메인은 별도의 추가 등록비용이 없기 때문에
www를 서브 도메인으로 등록해 기본 웹사이트로 접속하도록 구성하기도 한다.


 
웹 브라우저를 통해 URL을 입력하면 원격 컴퓨터(서버)에 방문한다는 요청(Request)을 보내게 된다.

※ URL(Uniform Resource Locator)이란?
 - URL은 네트워크에서 자원(resource)이 어디 있는지를 알려주기 위한 규약이다.
    쉽게는 웹페이지 주소를 의미한다.
※ 자원(Resource)이란?
 - 자원은 사용할 수 있는 항목을 의미하며, 여기서는 서버로부터 제공받을 수 있는 모든 것(정보를 포함하여)들을 의미한다.

 

이 때 url의 HTTP(Hyper Text Tranfer Protocol)는 서버와 통신할 때 사용하는 프로토콜을 의미하며,
보안을 의미하는 S(Secure)가 포함된 https 프로토콜을 사용하기도 한다.

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


 
이렇게 요청하는 사람(또는 요청 기기)를 클라이언트(Client)라 한다. 

※ 클라이언트란?
- 서버에 요청을 보내는 매개체나 매체로 즉, 요청을 입력한 사용자, 또는 입력 매체가 된 웹브라우저, 또는 스마트폰 등을 통칭한다.

 
 
이에 대해 서버(Sever)에서는  웹 사이트 코드로 응답(Response)한다.

※ 서버란?
- 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템으로 컴퓨터 프로그램 또는 장치를 의미한다. 
※ 웹사이트 코드란?
 - 요청한 웹 사이트가 화면에 어떻게 표시될지 웹 개발자들이 미리 작성해 놓은 코드. 주로 HTML을 중심으로 작성한다.

  
정리하면 월드 와이드 웹. 즉 웹은 URL, 프로토콜(HTTP), 웹 사이트 코드(HTML)를 필수로하여,

웹은 클라이언트의 요청에 대한 서버의 응답으로 이루어진다.
반응형