일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- 최원영 저자
- 백준
- SQL 개발자
- 톺아보기
- 프로그래머스
- 제로베이스
- 개발자북클럽
- 노마드코더
- CodeStates
- 공부를 가장한 일기일지도
- nomadcoders
- 자바스크립트
- 자격증
- 오블완
- IT 지식
- boj
- 노개북
- 모던 자바스크립트 deep dive
- js
- 구름edu
- javascript
- 엘리스코딩
- 알고리즘
- 이해할 수 있는
- 티스토리챌린지
- Do it! 시리즈
- K-Digital Credit
- SQLD
- 비전공자를 위한
- 노마드 코더
- Today
- Total
개발자를 희망하는 초보의 자기개발 이야기
웹 개발과 웹 작동방식이란? 본문
웹 개발자들은 일반적으로 웹 사이트를 만든다.
※ 웹이란?
- 웹은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말한다.
- 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)를 필수로하여,
웹은 클라이언트의 요청에 대한 서버의 응답으로 이루어진다.
'프론트엔드(Front-end)' 카테고리의 다른 글
웹의 주요 프로그래밍 언어 3가지 (2) | 2023.11.04 |
---|---|
당신이 몰랐던 웹 이야기 (0) | 2023.11.04 |
Can I use 에서 브라우저 호환성 확인하기 (0) | 2023.10.29 |
[vscode] Prettier 설정 (0) | 2023.10.23 |
HTML5 시멘틱 태그와 웹 표준을 지키는 이유 (0) | 2023.10.13 |