# semantic web

yeonn

✅Semantic web / Semantic tag > Semantic web : 기존 웹을 확장하여 컴퓨터가 잘 이해할 수 있는 의미를 기반으로                       의미적 상호운용성을 실현, 다양한 정보들을 컴퓨터 스스로 처리, 자동화,                       재활용 등을 할 수 있도록 하는 것이 목표 > Semantic tag : 시맨틱 태그가 나오기 전 웹 페이지는 구조를 만들기 위해 대부분 코드에    &nb

inni_c

img태그와 background-image를 사용할때 여러가지 차이점이 존재한다. A. 코딩에서의 차이 A-1 img 태그 "img"를 사용할때에는 html코드로만 페이지에 이미지 붙히기가 가능하며, width를 통해 이미지의 사이즈 조절이 가능하다. 특히 여기서 재밌는점은, width 값만 입력해도, 저절로 비율에 맞춰져 height도 계산이 된다. A-2 background-image 그에 비해 background-image는 CSS를 사용해 페이지에 이미지를 생성하는 방식인데, 이미지 width 값 미입력시, div가 block은 화면의 가로값이고, 아무런 요소가 없을시, height값을 가지지 않게 되어 이미지 출력이 불가하다. 하지만 CSS를 통해 width와 heigh

yongho2088

* Semantic Web * Semantic - 의미의, 의미론적인 검색엔진은 로봇(Robot)이라는 프로그램을 이용해 매일 전세계의 웹사이트 정보를 수집한다.(이것을 크롤링이라 하며 검색엔진의 크롤러가 이를 수행한다.) 그리고 검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검색 키워드에 대응하는 인덱스(색인)을 만들어 둔다.(이것을 인덱싱이라 하며 검색엔진의 인덱서가 이를 수행한다.) 인덱스를 생성할 때 사용되는 정보는 검색 로봇이 수집한 정보인데 결국 웹사이트의 HTML 코드이다. 즉, 검색 엔진은 HTML 코드 만으로 그 의미를 인지하여야 하는데 이때 시맨틱 요소(Semantic element)를 해석하게 된다. 1행과 2행은 브라우저에서 동일할 외형을 갖는다. 하지만 1행의 요소는 어떠한 의미도 갖지 않는다. 요소의 의미를 명확하게 나타내지 않고 폰트 크기와 볼드체를 지정하는 메타데이터만을 브라우저에게 알리

kyjeong

Semantic web 이란? 사전적으로는 ‘의미론적인 웹’ 이라는 뜻. 웹 기술이 발전하면서 수많은 정보들이 축적되었는데, 무분별한 정보의 축적으로 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 사용자가 직접 개입해 처리해야 하는 문제가 발생. 그래서 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 semantic web 이다. 구성요소: RDF, XML(대표적으로 HTML), ontology, agent ​ Semantic tag 란? 정보를 찾기 위해 사람이 직접 개입해야 하는 비효율적인 시스템을 개선하고자 의미있는 태그들을 개발하기 시작. 1)non-semantic tag 와 semantic tag div, span 등의 태그는 content에 대한 설명이 없으나 form, table, img 등의 태그는 content 의미를 명확히 설명하고 있다. 2)효과적인 검색 가능 의미 있는 tag의 등장으로 기

silver-bell

✅ html 이미지 업로드 방법 두 가지 1) img 태그를 이용하기 2) div 태그의 css에 background img 속성 추가하기 두 가지 방법의 차이점 말하기 전, Semantic web/ tag에 대해 알아보자. ✅ Semantic web & tag 여기서, 영영사전에 따르면 semantic이란 relating to meaning in language or logic >Semantic web : 웹에 있는 무수한 정보(데이터)들의 내용을 컴퓨터가 의미-관계성을 이해할 수 있도록 만든 웹. (컴퓨터가 정보에 내포되어 있는 의미-관계성을 이해하여 사용자가 키워드로 검색했을 때, 관련성이 높은 정보들만 노출될 수 있도록 함. > [위키피디아 내 '시맨틱 웹과 현재 웹의 차이' & '시맨틱 웹의 개념' 참고] https://ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC%9B%B9 > 이전

jangjuseong

1. Semantic Web 1) 정의 의미론적인 웹 현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 파일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술 2) 등장배경 웹 기술은 정보표현과 전달에 간편한 방법을 제공하여 인터넷이 실생활까지 확산되는 기폭제 역할을 함 그러나, 웹상에 축적된 정보가 방대해 짐에 따라 많은 문제에 봉착하게 됨 웹 기술은 축적된 방대한 데이터에 대하여 키워드(keyword)에 의한 정보 접근만을 허용하고 있어, 정보 검색시 무수히 많은 불필요한 정보가 발생 또한, 컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어, 모든 정보를 사용자가 직접 개입해서 처리하여야 하는 문제가 있음 이러한 문제들의 근본원인은 컴퓨터가

chickenrun

Semantic Web 시멘틱 웹은 ‘의미론적인 웹’이란 의미로, 개발자가 의도한 요소의 의미가 명확히 드러나게 작성하는 방법, 방식이다. 시멘트 웹을 사용하면 코드의 가독성을 높이고 유지 보수를 수월하게 할 수 있다. 예를 들자면 아래와 같은 방법으로 제목을 작성하는 것 보다 이와 같은 방법으로 작성했을 때 제목이라는 점을 단번에 알아 차릴 수 있으며 검색엔진 최적화에 기여할 수 있다. 따라서 정리하자면, 시멘틱 웹이란 > 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. > Semantic Tag w3schools.com에서는 다음과 같이 정의합니다. non-semantic요소와 semantic요소 HTML 요소는 다음과 같이 **non

io4408

#1 시맨틱 웹 (Semantic Web)이란? > - 시맨틱 웹 (Semantic Web) : Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 가지고 있습니다. 인터넷이 폭발적으로 보급되고 웹상에 축적되는 정보의 양이 방대해짐에 따라 정보 검색시 불필요하거나 덜 연관성있는 정보를 거를 필요성이 대두되었습니다. 따라서 단순히 사람만이 웹의 정보를 파악하는 것이 아니라, 자동화된 기계가 그 의미를 해석하고 정보간의 관계를 이해할 수 있도록 하는 것이 시맨틱 웹의 목적입니다. 위 HTML 형식과 아래 HTML 형식은 웹문서상 보이는 결과는 같습니다. 하지만 첫번째 예시는 태그만 봐서는 어떤 내용인지 유추하기 어렵습니다. 반대로 두번째 예시는 와 이라는 명확한 의미가 있는 태그를 사용함으로써 코드의 가독성을 높일뿐 아니라 문서의 핵심요소를 빠르게 파악할 수 있습니다. #2 img VS background-img > - 둘의차이점 : 두 방식 모

scroll0908

Semantic Web과 Semantic Tag 1-1. 정의 시맨틱 웹(Semantic Web): '의미론적인 웹' 현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 컴퓨터가 처리할 수 있는 형태로 표현하고, 처리하는 프레임워크이자 기술. 시맨틱 태그(Semantic Tag): '의미론적인 태그' |기존 웹 태그|시맨틱 웹 태그| |:-:|:-:| |사람이 보기 용이함|컴퓨터와 사람 모두 의미정보 해석이 용이| |예) `바나나는 노란색`이다.|예) | |사람: 각 단어의 관계 해석 가능|사람: 각 단어의 관계 해석 가능| |컴퓨터: 단순 문자열로 이해|컴퓨터: 각 단어의 관계 해석 가능| 1-2. 등장 배경 웹기술의 특징 간편한 정보표현과 전달 능력

x_sunyoung

Semantic web 이란? > Semantic은 사전상 '의미론적인, 의미의' 이라는 뜻을 갖는다. 즉, 직역하면 의미있는/의미론적인 웹'이라는 말인데 내포된 의미는 무엇일까? 👇🏻진짜 의미!👇🏻 문서의 의미에 맞게, 기계가 이해할 수 있는 형태로 제작된 웹이다. Semantic web의 목적은? > 인터넷이 폭발적으로 보급되고 웹상에 축적되는 정보의 양이 방대해짐에 따라 정보 검색시 불필요하거나 연관성이 덜한 정보를 거를 필요성이 불가피해졌다. 따라서 단순히 사람만이 웹의 정보를 파악하는 것이 아닌, 자동화된 기계가 의미를 해석하고 정보 간의 관계를 이해할 수 있도록 하는 것이 시멘틱 웹의 목적이다. HTML5에서는 시맨틱 웹을 쉽게 구성할 수

go3152

정의 _시맨틱(semantic) : 의미를 갖는 시맨틱 태그(semantic tag) : 의미를 갖는 태그 시맨틱 웹(semantic web) : 시맨틱 태그를 활용하여 제작된 웹 _ 구글,네이버와 같은 검색엔진에서 정보를 검색할 때, 얻고자하는 유의미한 정보를 가장 많이 갖고 있는 웹사이트(유의미한 웹사이트)일수록 상단에 노출되는 것이 이상적이다. 수 많은 웹사이트 간 '유의미한 정도(시맨틱한 정도)'를 등수매김하는 일은 컴퓨터가 하는데, 이 때 웹이 얼마나 유의미하게(시맨틱하게) 제작되었는지 평가하기 위해 객관적인 기준이 필요하다. 컴퓨터가 활용하는 여러가지 척도 중 하나가 바로 '시맨틱한 요소(시맨틱태그)가 웹 제작에 활용된 정도'이다. > # 사용하는 이유 위와 같은 구조의 웹사이트를

rudgns812

Semantic Web : 의미를 가지는 웹 등장배경 ➡️ 웹상에 축적된 정보가 방대해 짐에 따라 많은 문제에 봉착. ➡️ 컴퓨터가 필요한 정보를 추출, 해석, 가공할 수 있는 방법이 없어, 모든 정보를 사용자가 직접 개입해서 처리하여야 하는 문제가 있다. 정의 의미론적인 웹, 즉, 문서의 의미에 맞게 / 컴퓨터가 이해할 수 있는 잘 정의된 의미로 만들자는 것 지금과 같이 사람이 웹에 산재한 정보의 의미를 파악하는 것이 아닌, 자동화된 기계가 해석할 수 있는 일종의 표준 의미정보 교환의 수단이 되는 것이 시맨틱 웹의 목적이다. Semantic Tag : 의미론적인 태그 HTML5에서는 웹 페이지에서 통상 많이 사용하는 구조에 의미를 부여하기 위해서 의미론적 태그(semantic element)를 새롭게 정의했다. Non-Semantic Tag div, span 등이 있으며 이들 태그는 content에 대하여 어떤

c0zyb1ue

검색엔진은 로봇(robot)이라는 프로그램을 이용하여 인터넷상의 모든 웹사이트 정보를 크롤링한다. 이 과정에서 HTML 코드를 이용해 의미를 인지하고 검색 시에 키워드에 해당하는 인덱스를 제공한다. HTML은 컴퓨터가 인지가능한 메타데이터와 사람이 이해가능한 문장이 섞여있어 시맨틱 요소(Semantic element)를 해석한다. > Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미 >Semantic tag는 시맨틱 웹에서 사람과 기계가 이해할 수 있는 형태, 즉 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 나온 tag Semantic tag 종류 Question ! > div 태그 이용하는 경우 (이미지가 깨져도 화면상에 표시 X) 페이지 프린트시 이미지가 나오지 않게 할 때 배경을 채우는 용도로 사용할 때 단순히 디자인(꾸미는)을 위

summerlee

사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 당신은 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명 할 수 있나요? 🥲 아니요 못하겠습니다... 우는 고양이 1. Semantic Web 시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻을 가지고 있습니다. 쉽게 말해 '의미를 이해하는 웹' 이라고 생각하면 됩니다. 😮 의미를 이해하는 웹? '의미를 이해한다' 라는 것은 총 두 가지 방식으로 나눌 수 있습니다. 웹이 인간이 준 데이터를 스스로 이해한다는 의미 인간이 컴퓨터와 웹이 (인간이 준 데이터를) 이해할 수 있도록 데이터를 전달하여

westeeven0612

Semantic Web이란? Semantic Web은 '의미론적인 웹'이란 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다. 또 사람의 머리 속의 언어에 대한 이해를 컴퓨터 언어로 표현하고 이것을 컴퓨터가 사용할 수 있게 만다는 것을 말합니다. 결론적으로 Semantic Web은 웹에 존재하는 수많은 웹들의 메타데이터를 부여하여, 잡다한 데이터 집합이 아닌 ‘의미’ 와 ‘관련성’을 가지는 거대한 데이터베이스를 구축하고자 하는 발상입니다. 과거 시멘틱 웹이 고안되기 전 >`` 고안 후 >`` Semantic Tag란? 시맨틱 웹에서 사람과 기계가 이해할 수 있는 형태, 즉 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 나온 tag 입니다. 조금 더 쉽게 말하자면 HTML5 언어에 익숙하지 않는 사람이 보고도 저 태그가 무엇을 의미하는지 알아볼 수 있도록 하는 태그를 Semantic

yong2

이미지 추가 방법 사이트에 이미지를 넣는 방법은 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 두가지 방법이 있다. > • img태그를 사용하는 방법 • css로 background-image 속성을 추가하는 방법 img 태그를 사용하는게 좋은 경우는 이미지에 문구가 사용되어 의미를 가지는 경우 이다. 이때 alt 태그를 사용해 의미 설명이 가능하다. 반면 이미지 위에 텍스트가 들어가고, 백그라운드로 중요도가 높지 않거나 hover버튼처럼 일정 부분만 선택해서 보여줄 경우 에는 css에서 background-image 속성으로 이미지를 손 쉽게 변경할 수 있다. img 태그를 사용해서 유의미한 정보를 가지고 있는 웹 페이지에 비해 css 속성을 사용한 웹페이지는 그저 시안과 비슷하게, 단순히 시각화한 페이지이다. 다시말해 이미지가 사용자에게 컨텐츠 이해에 도움을 더 준다고 생각하면 img 태그를 쓰고

yenicall

semantic이란 쉽게 말해, 코드를 읽지 않고 시야상으로 확인만 할 때에도 특정 tag의 의미와 기능을 짐작케 하는 것이다. 반면 `는 어떨까. div와 같이 아무런 의미 없이 특정 기능을 하는 태그들이 있다. 예를 들어 ` 또한 의미가 없지만 기능을 한다. 이들을 모두 non-semantic tag라 한다. container로서의 역할을 수행하는 tag들이다. 반대로 semantic tag가 있다. semantic tag의 예로는 article, form, header, footer, main 등을 들 수 있다. tag 이름만으로 해당 섹션이 어떤 기능을 할 지를 유추할 수 있다. non semantic은 모두 div로 통일할 수 있지만 그럼에도 불구하고 div, header, footer, main 등으로 최대한 나누어 줘야 한다. 이것이 그나마 semantic을 지향하는 방식이기 때문이다. s

parklaus1078

Semantic Web과 Semantic Tag의 차이를 알아보기 전에 Semantics라는 단어의 의미를 알아야한다. Semantic이라는 단어 자체는 '의미의', 또는 '의미론적인' 이라는 뜻을 가진 형용사이다. 그래서, Semantic Tag 라는 용어는 HTML을 섹션별로 구분지어 HTML 코드 자체의 가독성을 높여주는 문법을 의미한다. 예를 들어, Semantic tag를 사용하지 않는다면, 처럼 가독성은 높지만 문장이 길다. 하지만, Semantic tag를 사용한다면, 처럼 간결하게 쓸 수 있는 태그들은 간결하게 쓰고 넘어갈 수 있게 된다. 예로 든 코드는 짧기 때문에 '이게 정말 간결해지나?'라는 생각이 들 수 있다. 하지만 우리가 수백, 수천개의 id를 사용한다고 생각해보면 그만큼의 를 치지 않고 넘어갈 수 있는 것이고, 한번의 태그를 작성할 때 1초가 걸린다고 생각하면 몇 백초, 몇 천초를 아낄 수 있는 것이다. **_Semantic

gin2808

이번 블로그에서는 Semantic Web과 Semantic Tag에 대해 알아볼 것이다. 📌 Semantic Web? > - Semantic Web = 의미론적인 웹 Semantic Tag = 의미론적인 태그 > 기존의 Web에서 쓰이던 Tag들에 Semantic(의미있는) 이라는 단어가 붙은거다. > 간단한 예시를 보면 이해가 빠를 것이다. 예시 과거에는 로 나타냈던 태그를 로 나타내는 것이다. 즉, 기계는 id가 header라고 적혀 있다고 해서 그 부분이 웹 페이지의 헤더에 해당하는지 알 수 없다. 그리고 사람에 따라 header id를 다른형태로 작성하는 사람이 있기 때문에, `라는 Semantic(의미있는)`태그를 사용해서 웹 사이트의 헤더를 정의해주면 기계도 이 부분이 웹 페이지의 헤더라는 것을 이해할 수 있다. 👆 기존에 어떻게

jiminnote

Semantic Web 인터넷에서 정보와 자원 사이의 정보를 컴퓨터가 처리할 수 있는 온톨로지 형태로 표현하고, 컴퓨터가 처리하도록 하는 프레임워크 📍등장배경 웹 기술이 발전으로 수많은 정보들이 축적되어 무분별한 정보 축적으로 인해 문제발생 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 사용자가 직접 개입하여 처리해야 했음 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한 것이 Semantic Web 📍구성요소 RDF(resouce Description Framework): 웹 상의 메타데이터의 표현과 교환을 위한 프레임워크 XML(eXtensible Markup Language): 태그 등을 이용하여 데이터의 구조를 기술하는 언어, 대표적으로 HTML Ontology: 특정 지식과 관련된 용어 사이의 관계 정의 Agent: 사용자의 역활을 대행하여 지능적, 자율적 임무수행. 📍일