๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Front-End

์‹œ๋งจํ‹ฑ ์›น(Semantic Web)์ด๋ž€?

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 11. 24.
๋ฐ˜์‘ํ˜•

๐Ÿ“€ ์‹œ๋งจํ‹ฑ ์›น(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)
    ์‹œ๊ฐ ์ •๋ณด๋‚˜ ์‚ฌ๋žŒ์˜ ์–ธ์–ด๋„ ์ปดํ“จํ„ฐ๊ฐ€ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ •์ œ๋˜๊ธฐ ๋•Œ๋ฌธ์— ์„œ์น˜ ์—”์ง„์—์„œ ์‰ฝ๊ฒŒ ๊ฒ€์ƒ‰๋˜์–ด ๋…ธ์ถœ ๋นˆ๋„๊ฐ€ ๋†’์•„์ง„๋‹ค.
๋ฐ˜์‘ํ˜•

'Front-End' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Refactoring(๋ฆฌํŒฉํ† ๋ง)  (0) 2021.11.21
Frontend Framework(Library)  (0) 2021.11.21
์ธ์ฆ(Authentication)  (0) 2021.11.18
์ธ๊ฐ€(Authorization)  (0) 2021.11.18
Self Refactoring Tip  (0) 2021.11.17

๋Œ“๊ธ€