JSON-LD (Linked Data) - 1

 <Script
        type="application/ld+json"
        id="landing-jsonld"
        dangerouslySetInnerHTML={{
          __html: `
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "url": "https://www.abcdefg.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": {
      "@type": "EntryPoint",
      "urlTemplate": "https://www.abcdefg.com/search?q={search_term_string}"
    },
  "query-input": "required name=search_term_string"
  }
}`,
        }}
      />

최근에 합류한 사이드 프로젝트 코드를 보다가 처음 보는 형식이 있어서 찾아봤다
json처럼 생긴 요녀석은 JSON-LD라는 것이었다

JSON-LD가 뭔데...

json-ld 공식 홈페이지에서 설명해주는 유튜브 링크를 걸어놨다

우리가 사용하는 데이터에는 이미지, 엑셀 등의 다양한 유형이 있다
웹의 장점은 이런 데이터들을 외부에 저장할 수 있다는 것인데

접근이 쉽기 때문에 한 문서에서 다른 문서로 link를 통해 이동할 수 있다

인간은 이미지를 보면 그것이 어떤 것을 나타내고 있는지 이해하지만, 컴퓨터는 이미지!라는 것만 알 수 있고 무엇을 묘사하는지 알 수가 없다

그래서 웹개발자는 컴퓨터가 쉽게 이해할 수 있게 데이터를 작게 쪼개고 패키지로 묶는다

그런데 이것에는 2가지 문제가 있다!
웹에서는 문서를 표현하는 다양한 방법(확장자)가 있고 이것들을 어떻게 컴퓨터가 이해할 수 있게 연결하냐이다

해결 방법 중 하나는 속성과 값을 나타내는 매커니즘을 이용하는 것인데

frank가 jan의 정보를 알고 있는 것처럼 컴퓨터에게도 각 데이터를 link 시켜주는 것이다

이렇게 각 데이터들이 연결된 정보를 컴퓨터에게 주면 컴퓨터도 알아듣는다는 뜻인 것 같다

그래서 컴퓨터가 할 일은? url로 사물을 식별해야 한다는 것!
이 url을 통해 각각의 인터넷이 연결되어 있어서 내가 필요한 정보를 알아낼 수 있다