Front-End

μ‹œλ§¨ν‹± μ›Ή(Semantic Web)μ΄λž€?

μ½”λ”©ν•˜λŠ” λΆ•μ–΄ 2021. 11. 24. 15:43
λ°˜μ‘ν˜•

πŸ“€ μ‹œλ§¨ν‹± μ›Ή(Semantic Web)μ΄λž€?

'의미둠적인 μ›Ή'μ΄λΌλŠ” 뜻으둜, μ»΄ν“¨ν„°κ°€ μ‚¬λžŒμ„ λŒ€μ‹ ν•˜μ—¬ 정보λ₯Ό 읽고 μ΄ν•΄ν•˜κ³  κ°€κ³΅ν•˜μ—¬ μƒˆλ‘œμš΄ 정보λ₯Ό λ§Œλ“€μ–΄ λ‚Ό 수 μžˆλ„λ‘ μ΄ν•΄ν•˜κΈ° μ‰¬μš΄ 의미λ₯Ό κ°€μ§„ μ°¨μ„ΈλŒ€ μ§€λŠ₯ν˜• 웹이닀.

  • 즉, 컴퓨터가 정보λ₯Ό μ œκ³΅ν•˜κΈ° μœ„ν•΄ 자체적으둜 μ›Ήμƒμ˜ 정보λ₯Ό 탐색 및 μˆ˜μ§‘ν•˜μ—¬ λ…Όλ¦¬μ μœΌλ‘œ μΆ”λ‘ ν•˜λŠ” μ •λ³΄μ²˜λ¦¬ κΈ°λŠ₯을 ν•˜κ³  μžˆλ‹€.
  • 인터넷 정보λ₯Ό 의미망으둜 ν†΅ν•©ν•œ μ˜¨ν†¨λ‘œμ§€(ontology) ν˜•νƒœλ‘œ 이루어진닀.
  • μ›Ήμ˜ μ°½μ‹œμžμΈ νŒ€ λ²„λ„ˆμŠ€λ¦¬κ°€ 1998λ…„ μ œμ•ˆν–ˆκ³  ν˜„μž¬ W3C에 μ˜ν•΄ ν‘œμ€€ν™” μž‘μ—…μ΄ μ§„ν–‰ 쀑이닀. (WWW의 ν™•μž₯판)
  • HTML5μ—μ„œλŠ” νƒœκ·Έ μžμ²΄κ°€ 의미λ₯Ό λ‹΄κ³  μžˆλŠ” μ‹œλ§¨ν‹± νƒœκ·Έ(Semantic Tags)듀을 μ‚¬μš©ν•¨μœΌλ‘œμ¨ 더 효율적인 λ¬Έμ„œ ν˜•μ‹μ„ λ§Œλ“€λ„λ‘ ꢌμž₯ν•˜κ³  μžˆλ‹€.

 

πŸ”₯ μ‹œλ§¨ν‹±(Semantic)은 무슨 뜻일까?

'λ‹¨μ–΄λ‚˜ 기호 같은 μ–Έμ–΄ μš”μ†Œμ˜ 의미 μ‚¬μ΄μ˜ 관계λ₯Ό νŒŒμ•…ν•˜λŠ” 것' μ •λ„λ‘œ μ΄ν•΄ν•˜λ©΄ λœλ‹€.



 

πŸ“€ μ‹œλ§¨ν‹± μ›Ήμ˜ λͺ©μ 

μ§€κΈˆκ³Ό 같이 μ‚¬λžŒλ§Œμ΄ 웹에 μ‚°μž¬ν•œ μ •λ³΄μ˜ 의미λ₯Ό νŒŒμ•…ν•˜λŠ” 것이 μ•„λ‹Œ, μžλ™ν™”λœ 기계가 해석할 수 μžˆλŠ” μΌμ’…μ˜ ν‘œμ€€ μ˜λ―Έμ •λ³΄ κ΅ν™˜μ˜ μˆ˜λ‹¨μ΄ λ˜λŠ” 것이 μ‹œλ§¨ν‹± μ›Ήμ˜ λͺ©μ μ΄λ‹€.



 

πŸ“€ μ‹œλ§¨ν‹± μ›Ή 기술과 ν‘œμ€€

μ‹œλ§¨ν‹± 웹은 λ‹€μŒκ³Ό 같은 κΈ°μˆ λ“€λ‘œ κ΅¬μ„±λ˜μ–΄ μžˆλ‹€.

  • λͺ…μ‹œμ  메타데이터
    메타데이터와 좔둠에 ν•„μš”ν•œ κ·œμΉ™ 등을 XML(eXtensible Markup Language), RDF(Resource Description framework)와 같은 μ–Έμ–΄ κΈ°μˆ μ„ 톡해 ν‘œν˜„ν•œλ‹€.
  • μ˜¨ν†¨λ‘œμ§€
    μ˜¨ν†¨λ‘œμ§€(ontologies)λΌλŠ” 지식 ν‘œν˜„ κΈ°μˆ μ„ μ΄μš©ν•˜μ—¬ λ°μ΄ν„°μ˜ μ˜λ―Έμ™€ 관계 정보λ₯Ό μ²΄κ³„μ μœΌλ‘œ ν‘œν˜„ν•œλ‹€.
  • 논리적 μΆ”λ‘ 
    논리적 좔둠은 μ˜¨ν†¨λ‘œμ§€μ™€ ν•¨κ»˜ κ²°ν•©λœ 관계 μ •λ³΄λ“€λ‘œλΆ€ν„° μƒˆλ‘œμš΄ 정보λ₯Ό λ„μΆœν•΄ λ‚΄λŠ” 것을 κ°€λŠ₯ν•˜κ²Œ ν•œλ‹€.



πŸ“€ HTML5μ—μ„œμ˜ μ‹œλ§¨ν‹± μ›Ή

HTML5μ—μ„œλŠ” μ‹œλ§¨ν‹± 웹을 μ‰½κ²Œ κ΅¬μ„±ν• μˆ˜ μžˆλ„λ‘ λ§Œλ“€μ–΄μ£ΌλŠ” μš”μ†Œλ“€μ΄ μΆ”κ°€λ˜μ—ˆλŠ”λ°, 기쑴에

<div id="header"> λ‚΄μš© </div>

둜만 λ‚˜νƒ€λ‚Όμˆ˜ 있던 머리 뢀뢄을

<header> λ‚΄μš© </header>

둜 μ‰½κ²Œ 더 의미둠적으둜 λ‚˜νƒ€λ‚Όμˆ˜ 있게 λ˜μ—ˆλ‹€.
μ΄λŠ” div와 id=header λͺ¨λ‘ μ½μ—ˆλ˜ μ˜ˆμ „ XHTMLμ΄λ‚˜ HTML4보닀 훨씬 효율적이라고 볼수 μžˆλ‹€.

λ‚˜λ¨Έμ§€λŠ” μ‹œλ§¨ν‹± νƒœκ·Έμ—μ„œ μ’€ 더 μžμ„Ένžˆ μ„œμˆ ν•˜κ² μŒ.



 

πŸ“€ μ‹œλ§¨ν‹± μ›Ήκ³Ό ν˜„μž¬ μ›Ήμ˜ 차이

기쑴의 HTML둜 μž‘μ„±λœ λ¬Έμ„œλŠ” 컴퓨터가 μ˜λ―Έμ •λ³΄λ₯Ό 해석할 수 μžˆλŠ” λ©”νƒ€λ°μ΄ν„°λ³΄λ‹€λŠ” μ‚¬λžŒμ˜ 눈으둜 보기에 μš©μ΄ν•œ μ‹œκ°μ •λ³΄μ— λŒ€ν•œ 메타데이터와 μžμ—°μ–΄λ‘œ 기술된 λ¬Έμž₯으둜 가득 μ°¨ μžˆλ‹€.
예λ₯Ό λ“€μ–΄

<em>λ°”λ‚˜λ‚˜</em>λŠ” <em>λ…Έλž€μƒ‰</em>이닀.

λΌλŠ” μ˜ˆμ—μ„œ λ³Ό 수 μžˆλ“― <em> νƒœκ·ΈλŠ” 단지 λ°”λ‚˜λ‚˜μ™€ λ…Έλž€μƒ‰μ΄λΌλŠ” 단어λ₯Ό κ°•μ‘°ν•˜κΈ° μœ„ν•΄ μ‚¬μš©λœλ‹€.
이 HTML을 λ°›μ•„μ„œ μ²˜λ¦¬ν•˜λŠ” 기계(컴퓨터)λŠ” λ°”λ‚˜λ‚˜λΌλŠ” κ°œλ…κ³Ό λ…Έλž€μƒ‰μ΄λΌλŠ” κ°œλ…μ΄ μ–΄λ–€ 관계λ₯Ό κ°€μ§€λŠ”μ§€ 해석할 수 μ—†λ‹€. 단지 <em> νƒœκ·Έλ‘œ λ‘˜λŸ¬μ‹ΈμΈ κ΅¬μ ˆμ„ λ‹€λ₯΄κ²Œ ν‘œμ‹œν•˜μ—¬ μ‹œκ°μ μœΌλ‘œ κ°•μ‘°λ₯Ό ν•  뿐이닀.
κ²Œλ‹€κ°€ λ°”λ‚˜λ‚˜κ°€ λ…Έλž€μƒ‰μ΄λΌλŠ” 것을 μ„œμˆ ν•˜λŠ” 예의 λ¬Έμž₯은 μžμ—°μ–΄λ‘œ μž‘μ„±λ˜μ—ˆμœΌλ©° κΈ°κ³„λŠ” λ‹¨μˆœν•œ λ¬Έμžμ—΄λ‘œ ν•΄μ„ν•˜μ—¬ 화면에 ν‘œμ‹œν•œλ‹€.

μ‹œλ§¨ν‹± 웹은 XML에 κΈ°λ°˜ν•œ μ‹œλ§¨ν‹± λ§ˆν¬μ—… μ–Έμ–΄λ₯Ό 기반으둜 ν•œλ‹€. κ°€μž₯ λ‹¨μˆœν•œ ν˜•νƒœμΈ RDFλŠ” <Subject, Predicate, Object>의 νŠΈλ¦¬ν”Œ ν˜•νƒœλ‘œ κ°œλ…μ„ ν‘œν˜„ν•œλ‹€.
μœ„μ˜ 예λ₯Ό νŠΈλ¦¬ν”Œλ‘œ ν‘œν˜„ν•˜λ©΄ <urn:λ°”λ‚˜λ‚˜, urn:색, urn:λ…Έλž‘>κ³Ό 같이 ν‘œν˜„ν•  수 μžˆλ‹€. μ΄λ ‡κ²Œ ν‘œν˜„λœ νŠΈλ¦¬ν”Œμ„ 컴퓨터가 ν•΄μ„ν•˜μ—¬ urn:λ°”λ‚˜λ‚˜ λΌλŠ” κ°œλ…μ€ urn:λ…Έλž‘ μ΄λΌλŠ” urn:색을 κ°€μ§€κ³  μžˆλ‹€λŠ” κ°œλ…μ„ ν•΄μ„ν•˜κ³  μ²˜λ¦¬ν•  수 있게 λœλ‹€. 보닀 ꡬ체적인 예둜 λ‹€μŒμ΄ 카카였 μ†Œμœ μž„μ„ λ‚˜νƒ€λ‚΄λŠ” νŠΈλ¦¬ν”Œμ€
<http://daum.net, urn:wikipedia-ko:μ†Œμœ , http://kakaocorp.com>
κ³Ό 같이 λœλ‹€.
μ‹œλ§¨ν‹± 웹은 μ΄λŸ¬ν•œ νŠΈλ¦¬ν”Œ ꡬ쑰에 κΈ°λ°˜ν•˜μ—¬ κ·Έλž˜ν”„ ν˜•νƒœλ‘œ μ˜λ―Έμ •λ³΄μΈ μ˜¨ν†¨λ‘œμ§€λ₯Ό ν‘œν˜„ν•œλ‹€.



 

πŸ“€ μ‹œλ§¨ν‹± 웹을 ꢌμž₯ν•˜λŠ” 이유

  • μ›Ή μ ‘κ·Όμ„±
    ν™”λ©΄ 낭독기 λ“±κ³Ό 같은 보쑰 기ꡬλ₯Ό 톡해 μ›Ή μ‚¬μ΄νŠΈλ₯Ό μ΄μš©ν•˜λŠ” μ‹œκ°μž₯μ• μΈλ“€μ—κ²Œ ν™”λ©΄μ˜ ꡬ쑰와 λ‚΄μš©μ„ μ‰½κ²Œ 이해할 수 μžˆλ‹€.
  • 가독성
    정보가 μ •λˆλ˜μ–΄ 가독성이 λ†’μ•„μ Έ ν•΄μ„ν•˜κΈ° 쉽고 νŽΈν•΄μ§„λ‹€.
  • SEO (검색 μ—”μ§„ μ΅œμ ν™” : Search Engine Optimization)
    μ‹œκ° μ •λ³΄λ‚˜ μ‚¬λžŒμ˜ 언어도 컴퓨터가 해석할 수 μžˆλ„λ‘ μ •μ œλ˜κΈ° λ•Œλ¬Έμ— μ„œμΉ˜ μ—”μ§„μ—μ„œ μ‰½κ²Œ κ²€μƒ‰λ˜μ–΄ λ…ΈμΆœ λΉˆλ„κ°€ λ†’μ•„μ§„λ‹€.
λ°˜μ‘ν˜•