URL vs WHATWG

WHATWG(Web Hypertext Application Technology Working Group)

WHATWG(Web Hypertext Application Technology Working Group)는 HTML 및 관련 웹 테크놀로지의 진화에 임하는 개발자, 디자이너 등의 커뮤니티입니다.2004년 HTML 및 XHTML용 World Wide Web Consortium(W3C) 표준 개발이 지지부진한 데 대한 대응으로 설립되었으며, 웹 기술이 실제 웹 애플리케이션의 요구와 호환되도록 하는 데 중점을 두고 있습니다.WHATWG는 HTML, DOM(Document Object Model) 및 관련 테크놀로지의 사양에 대응하고 있으며, 개발자와 사용자 모두에게 웹을 보다 유용하고 접근하기 쉽고 사용할 수 있는 플랫폼으로 만드는 것을 목표로 하고 있습니다.

WHATWG properties

const { URL } = require('url');

const myURL = new URL('https://section.blog.naver.com/BlogHome.naver?directoryNo=0&currentPage=1&groupId=0');

console.log(myURL);

//URL {
//  href: 'https://section.blog.naver.com/BlogHome.naver?directoryNo=0&currentPage=1&groupId=0',
//  origin: 'https://section.blog.naver.com',
//  protocol: 'https:',
//  username: '',
//  password: '',
//  host: 'section.blog.naver.com',
//  hostname: 'section.blog.naver.com',
//  port: '',
//  pathname: '/BlogHome.naver',
//  search: '?directoryNo=0&currentPage=1&groupId=0',
//  searchParams: URLSearchParams { 'directoryNo' => '0', 'currentPage' => '1', 'groupId' => '0' },
//  hash: '',
//  __proto__: { constructor: ƒ URL() }
//}

URL(Uniform Resource Locator)

URL(Uniform Resource Locator)은 인터넷 상의 리소스 위치를 지정하는 문자열입니다.일반적으로 웹 페이지의 주소를 나타낼 때 사용되지만 이미지, 비디오 및 기타 파일과 같은 다른 유형의 리소스를 나타낼 수도 있습니다.URL은 링크를 클릭하거나 웹 브라우저의 주소 표시줄에 URL을 입력하여 사용자가 인터넷 상의 리소스에 액세스할 수 있도록 하기 때문에 월드 와이드 웹의 기본 부분입니다.

URL은 일반적으로 프로토콜(예: "filename" 또는 "filename"), 도메인 이름(예: "www.example.com") 및 파일 또는 리소스 경로(예: "index.filename")를 포함한 여러 부분으로 구성됩니다.URL은 웹 상의 리소스를 식별하는 표준화된 방법으로 기능하며 웹 브라우저가 원하는 리소스를 검색하여 사용자에게 표시할 수 있습니다.

//url properties//

const url = require('url')

const querystring = require('querystring')

const parseUrl = url.parse('https://section.blog.naver.com/BlogHome.naver?directoryNo=0&currentPage=1&groupId=0')

console.log(parseUrl)

//Url {
//  protocol: 'https:',
//  slashes: true,
//  auth: null,
//  host: 'section.blog.naver.com',
//  port: null,
//  hostname: 'section.blog.naver.com',
//  hash: null,
//  search: '?directoryNo=0&currentPage=1&groupId=0',
//  query: 'directoryNo=0&currentPage=1&groupId=0',
//  pathname: '/BlogHome.naver',
//  path: '/BlogHome.naver?directoryNo=0&currentPage=1&groupId=0',
//  href: 'https://section.blog.naver.com/BlogHome.naver?directoryNo=0&currentPage=1&groupId=0',

URL 과 WHATWG 차이

URL(Uniform Resource Locator)과 WHATWG(Web Hypertext Application Technology Working Group)는 별개의 것입니다.

URL은 웹 페이지, 이미지, 비디오 파일 등 인터넷 상의 리소스 위치를 지정하는 텍스트 문자열입니다.URL은 웹 상의 리소스를 식별하는 표준화된 방법으로 기능하며 웹 브라우저가 원하는 리소스를 검색하여 사용자에게 표시할 수 있습니다.

반면 WHATWG는 HTML 및 관련 웹 기술을 발전시키는 개발자, 디자이너 및 다른 사람들의 커뮤니티입니다.WHATWG의 목표는 HTML, DOM(Document Object Model) 및 관련 테크놀로지의 사양에 대해 작업함으로써 웹을 개발자와 사용자 모두에게 보다 유용하고 접근하기 쉬우며 사용할 수 있는 플랫폼으로 만드는 것입니다.

요약하면, URL은 인터넷상의 특정 자원을 식별하는 방법이며, WHATWG는 웹 페이지 및 기타 자원을 구축 및 표시하기 위해 사용되는 기술을 개발하고 개선하기 위한 그룹입니다.