ES5 .Intro(4) - URI vs URL

URI vs URL을 JavaScript Intro 목차에 뜬금없이 기록하였다.

 

그 이유는 JavaScript 런타임 환경 중 하나인 브라우저를 공부하고, 기록하면서 잘못된 개념들을 인지한 부분을 재적립하고자, 특히 URI와 URL의 개념이 확실히 잡혀있지않은 제 자신을 반성하고자 이 기록을 남기게 되었다. 

 

---

URI vs URL

 

1) https://www.abcd.com/group

2) https://www.abcd.com/group?groud_id=3

 

1)과 2)중에 어떤 것이 URI이고 URL일까? 

 

간과할 수 있는 개념일 수록 확실하게 기록하고 다음 스텝으로 넘어가는 것이 옳다고 생각되어, URI와 URL에 대해서 간략하게 기록하려고 한다. 

 

<URI>

Each web server resource has a name, so clients can point out what resources they are interested in. The server resource name is called a uniform resource identifier, or URI. URIs are like the postal addresses of the Internet, uniquely identifying and locating information resources around the world. URIs come in two flavors, called URLs and URNs. 

 

<URL>

The uniform resource locator (URL) is the most common form of resource identifier. URLs describe the specific location of a resource on a particular server. They tell you exactly how to fetch a resource from a precise, fixed location.

 

URI는 간단히 말해서 인터넷의 있는 유일한 주소이고, URL은 인터넷 상의 자원위치를 알려주는 것이다. 

 

URI와 URL을 구분할 수 있는 차이점은 식별자이다. 

URI는 식별자(빨간색으로 칠해진 부분)가 포함되어야 하며, https://www.abcd.com/group?groud_id=3 URI은 URL이 될 수 없다.

 

그게 그거 아닌가?.. 라고 생각할 수도 있지만, 아래 그림을 보면 조금 더 명확하게 이해할 수 있다. 

 

* 아래그림을 보고도 이해가 잘 안된다면, 이 곳을 참고해보면 좋을 것 같다.

https://dev.to/flippedcoding/what-is-the-difference-between-a-uri-and-a-url-4455

What Is The Difference Between A URI And A URL?

사실상 URI는 URL과 URN을 포함하고 있는 존재이다. 앞서 보았던 두개의 주소를 나눠보자면,

 

1) https://www.abcd.com/group

2) https://www.abcd.com/group?groud_id=3

 

1)주소는 URL이자 URI이고, 2)주소는 URI로 명명할 수 있다.

 

아래는 URI 주소 체계를 표현한 그림이다.  

 

Protocol: 네트워크 상의 서버로부터 웹 문서 정보(html)와 이미지 등의 리소스를 받아올 통신 방식을 미리 정해 놓은 것으로 HTTP, HTTPS, FTP, FILE 등이 가장 잘 알려져 있다. 

User Information: 사용자 로그인 정보, 콜론으로 구분하여 "아이디:패스워드"와 같은 형식으로 입력된다. 

Host name:  일반적으로 도메인 등록/구매처에서 등록하여 사용하는 도메인을 가리키며 메인 도메인이라고 불리기도 한다. 

Port: 포트 번호는 네트워크 또는 인터넷을 사용하여 통신하는 각 응용 프로그램 또는 프로세스의 논리주소로 0 ~ 65,535번까지 사용할 수 있다. HTTP는 80번포트, HTTPS는 443번 포트, FTP는 21번 포트로 지정되어 있어, 생략 가능하다. 

Path: 해당 파일(자원)이 서버의 어디에 위치해 있는지를 나타내는 경로이다. 

Query String:웹 서버에 제공하는 추가 파라미터로 이 파라미터들은 &기호로 구분된 키/값으로 짝을 이룬 일련의 쿼리 리스트들로 이루어져 있다.  

Anchor: 앵커, 해시, 현재 웹 페이지 안의 위치를 id값으로 표시, 페이지 내 해당 위치로 이동하는 데 사용한다. 

 

다음 기록은 첫번째 목차 Object의 Intro 부분이다.

 

<참고자료>

https://danielmiessler.com/study/url-uri/

https://dev.to/flippedcoding/what-is-the-difference-between-a-uri-and-a-url-4455

https://www.codns.com/b/B05-195

 

<ES5 series> chapter 4, URL vs URI end

 

---