Semantic Web ?? ๐Ÿง 

Basยท2021๋…„ 3์›” 15์ผ
0

๐Ÿ”‘ Semantic
๐ŸŽ‰ Semantic Web


์•ž์„œ์„œ html์„ ๋ฐฐ์šฐ๋ฉฐ Semantic tag๋ฅผ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Semantic tag๋กœ ์ฝ”๋“œ์˜ ์˜๋ฏธ๋ฅผ ๋” ์‰ฝ๊ฒŒ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋Ÿฐ semantic tag๋ฅผ ์‚ฌ์šฉํ•จ์œผ๋กœ์จ ์ฝ”๋“œ๋ฅผ ๋ณด๋Š” ๊ฒƒ ์™ธ์—๋„ ๋‹ค๋ฅธ ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

1. Semantic Web์€ ๋˜ ๋ฌด์—‡์ผ๊นŒ?

Semantic: ์˜๋ฏธ์˜, ์˜๋ฏธ๋ก ์˜

๐ŸŒต Semantic Web ์ดํ•ด

Semantic Web์ด๋ž€ "์˜๋ฏธ๋ก ์ ์ธ ์›น"์ด๋ผ๋Š” ๋ง๋กœ, ์›น์ด ๋‹จ์ˆœํ•œ ์ฝ”๋“œ์˜ ๊ตฌ์„ฑ์ด ์•„๋‹ˆ๋ผ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„ ์‚ฌ์ดํŠธ๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ์—ฌ๊ธฐ์—์„œ ์˜๋ฏธ๋ฅผ ๊ฐ€์กŒ๋‹ค๋Š” ๋ง์€ ์›น ์ƒ์— ์กด์žฌํ•˜๋Š” ์ •๋ณด๋ฅผ ์‚ฌ๋žŒ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ธฐ๊ณ„๊ฐ€ ์˜๋ฏธ(Semantic)๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ์‚ฌ์šฉ์ž์˜ ์š”๊ตฌ์— ์ ํ•ฉํ•œ ๊ฒฐ๊ณผ๋ฅผ ์„œ๋น„์Šค ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด semantic-web์„ ํ†ตํ•ด ์–ด๋–ค "THING"์— ๋Œ€ํ•ด ์ดํ•ดํ–ˆ๋‹ค๋ฉด ๊ทธ์™€ ๊ด€๋ จ๋œ ์œ„์น˜, ๋‚ ์งœ ๋“ฑ "THING"๊ณผ ๊ด€๋ จ๋œ ์˜๋ฏธ์žˆ๋Š” ์ •๋ณด๋“ค์„ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐ŸŒต ์ •๋ฆฌ

  • ์ปดํ“จํ„ฐ๊ฐ€ ์Šค์Šค๋กœ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์›น! (์‚ฌ๋žŒ์ด ํŽธ๋ฆฌํ•˜๊ฒŒ ์ฝ๋Š” ์›น์ด ์•„๋‹˜)
  • ๊ธฐ๊ณ„๋“ค๋ผ๋ฆฌ ์˜์‚ฌ์†Œํ†ต ํ•  ์ˆ˜ ์žˆ๋Š” '์ง€๋Šฅํ˜• ์›น'
  • ์‚ฌ๋žŒ๋“ค์ด ์ดํ•ดํ•˜๋Š” '์ž์—ฐ์–ด' ๋ฅผ ์ปดํ“จํ„ฐ๊ฐ€ ์ •๋ณด์ž์›์˜ ๋œป์„ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์–ธ์–ด๋กœ
  • ํ™œ์šฉ
    - Semantic Web ์‹คํ–‰ -> ์ปดํ„ฐ๊ฐ€ ์ž๋™์œผ๋กœ ์ •๋ณด ์ฒ˜๋ฆฌ -> ์ •๋ณด์‹œ์Šคํ…œ ์ƒ์‚ฐ, ํšจ์œจ์„ฑ ๊ทน๋Œ€ํ™”
    - ๊ธฐ์—…์˜ ์‹œ์Šคํ…œ ํ†ตํ•ฉ, ์ง€๋Šฅํ˜• ๋กœ๋ด‡, ์˜๋ฃŒ ์ •๋ณดํ™” ๋“ฑ ๋‹ค์–‘ํ•œ ๋ถ„์•ผ์— ์‘์šฉ ๊ฐ€๋Šฅ.

2. Semantic ๋ฌธ์ œ~!

Q. "์‚ฌ์ดํŠธ์— ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ๋Š” ๋ฐฉ๋ฒ•์€ ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
< img > ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ๊ณผ < div > ํƒœ๊ทธ์— background-image ์†์„ฑ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ. ๋‘ ๊ฐ€์ง€ ๋ฐฉ๋ฒ•์˜ ์ฐจ์ด์ ๊ณผ ๊ฐ๊ฐ ์–ด๋– ํ•œ ๊ฒฝ์šฐ์— ์‚ฌ์šฉํ•˜๋ฉด ์ข‹์€์ง€ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”."

A.
๋‘ ๋ฐฉ๋ฒ•์€ ๋ชจ๋‘ ์ด๋ฏธ์ง€๋ฅผ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ณตํ†ต์ ์„ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋งŒ, img ํƒœ๊ทธ๋Š” "alt" ๋ผ๋Š” ์†์„ฑ์„ ๊ฐ€์ง‘๋‹ˆ๋‹ค.
alt๋Š” ์ด๋ฏธ์ง€๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋œจ์ง€ ์•Š์œผ๋ฉด ๋Œ€์ฒด๋˜๋Š” ํ…์ŠคํŠธ๋กœ ๋ณด์—ฌ์ง€๊ธฐ๋„ ํ•˜์ง€๋งŒ, alt์†์„ฑ์˜ ๊ฐ’์€ semantic(์˜๋ฏธ์žˆ๋Š”) ์ •๋ณด๊ฐ€ ๋˜๋ฉฐ ์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์›น์ด ๋” ์ •ํ™•ํ•˜๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Š” ์šฐ๋ฆฌ๊ฐ€ ๊ด€๋ จ๋œ ์ •๋ณด๋ฅผ ๊ฒ€์ƒ‰ํ–ˆ์„ ๋•Œ, ๊ฒ€์ƒ‰์—”์ง„์„ ํ†ตํ•ด ํ•ด๋‹น ์ด๋ฏธ์ง€๋‚˜ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ํ•ฉ๋‹ˆ๋‹ค.

profile
๋ฐ”์Šค๋ฒ„๊ฑฐ

0๊ฐœ์˜ ๋Œ“๊ธ€