1. URI와 URL
URI (Uniform Resource Identifier)
Uniform Resource Identifier (통합 자원 식별자)
- uniform: 리소스를 식별하는 통일된 방식
- resource: URI로 식별이 가능한 모든 종류의 자원
- identifier: 다른 항목과 구분하기 위해 필요한 정보
즉, URI는 인터넷상의 리소스 "자원 자체"를 식별하는 고유한 문자열 시퀀스입니다.
인터넷에 있는 자료의 ID라고 생각할 수 있고, 그래서 URI는 유일해야합니다.
URL (Uniform Resource Locator)
URL은 네트워크상에서 통합 자원(리소스)의 "위치"를 나타내기 위한 규약입니다.
-> 웹 사이트 주소 + 컴퓨터 네트워크상의 자원
이는 웹 사이트 주소뿐만 아니라 컴퓨터 네트워크상의 자원을 모두 나타내는 표기법입니다.
즉, 특정 웹 페이지의 주소에 접속하기 위해서는 웹 사이트의 주소뿐만 아니라 프로토콜(https, http, sftp, smp 등) 을 함께 알아야 접속이 가능한데, 이들을 모두 나타내는 것이 URL입니다.
*프로토콜: 리소스에 접근하는 방법을 지정하는 방식
URI와 URL의 차이점
URI = 식별자, URL = 식별자 + 위치
hwna9.tistory.com : URI (리소스의 이름만 나타냄)
https://hwan9.tistory.com/ : URL (이름과 더불어 어떻게 도달할 수 있는지 위치까지 함께 나타냄)
1. URL은 일종의 URI
2. URL은 프로토콜과 결합한 형태
3. URI는 그 자체로 이름이 될 수 있음
2. www
www (World Wide Web)
World Wide Web은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말합니다. 즉, 모든 정보를 네트워크(인터넷)를 통해 하이퍼텍스트 기능을 이용하여 접근 가능하게 한 세계입니다.
Web의 3대 요소
- HTTP
HTTP 프로토콜이 서버와 클라이언트 간의 데이터 전송을 관리
- URI/URL
웹 요소에 접근하기 위해 클라이언트는 URL/URI를 제공해야 함
- HTML
웹 문서를 작성하기 위해 쓰이는 형식
3. http/https
HTTP (Hyper Text Transfer Protocol)
HTTP는 서버/클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜입니다.
즉, HTTP는 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약으로, 80번 포트를 사용하고 있습니다.
HTTP는 상태를 가지고 있지 않는 Stateless 프로토콜이며 Method, Path, Version, Headers, Body 등으로 구성됩니다.
하지만 HTTP는 암호화가 되지 않은 평문 데이터를 전송하는 프로토콜이였기 때문에, HTTP로 비밀번호나 주민등록번호 등을 주고 받으면 제3자가 정보를 조회할 수 있었습니다. 이러한 문제를 해결하기 위해 HTTPS가 등장하게 되었습니다.
HTTPS(Hyper Text Transfer Protocol Secure)
HTTPS는 HTTP에 데이터 암호화가 추가된 프로토콜입니다.
HTTP와 다르게 443번 포트를 사용하며, 네트워크 상에서 중간에 제3자가 정보를 볼 수 없도록 암호화를 지원하고 있습니다.
HTTPS를 이용하면 안전하게 데이터를 주고받을 수 있지만, 암호화/복호화의 과정이 필요하기 때문에 HTTP보다 속도가 느립니다. (현재는 거의 차이를 못느낄 정도이지만)
또한 HTTPS는 인증서를 발급하고 유지하기 위한 추가 비용이 발생합니다.
따라서 개인 정보와 같은 민감한 데이터를 주고 받아야 한다면 HTTPS를 이용해야 하지만, 노출이 되어도 괜찮은 단순한 정보 조회 등 만을 처리하고 있다면 HTTP를 이용하면 됩니다.
'프론트엔드' 카테고리의 다른 글
[HTML] html class 속성과 id 속성의 차이점 (0) | 2023.03.27 |
---|---|
[HTML] HTML 태그 정리(div, span, img, input, a) (0) | 2023.03.27 |
[HTML] HTML, DOM이란? (Hypertext Markup Language, DOM) (0) | 2023.03.27 |
인터넷/웹 1.0/브라우저 란? (0) | 2023.03.27 |
[React] 생명주기 함수(Life cycle method, 라이프 사이클 메서드) (0) | 2023.03.22 |