Semantic web, semantic tag
Semantic web 시맨틱 웹이란 웹페이지를 구성하고 있는 각각의 요소들의 의미, 관계 등을 파악하고 구축하여 데이터베이스화하고자 하는 움직임이다. 이를 통해 웹페이지의 구성 요소 및 컨텐츠가 가지는 의미와 다른 요소와의 관계도를 검색 엔진 또는 컴퓨터가 쉽게 파악할 수 있다. 이는 웹사이트의 수와 가지고 있는 정보가 폭발적으로 증가함에 따라, 컴퓨터가 정보 수집, 분석, 또는 검색 엔진이 정보 검색시 많은 불필요한 정보가 존재하기 때문에, 컴퓨터 (또는 검색엔진)이 정보를 체계적으로 수집, 가공하기 어렵다는 문제로 인해 추진되게 되었다. Semantic tag 시맨틱 웹을 용이하게 하기 위해, 의미를 가지고 있는 다양한 semantic tag들이 새로 추가되어왔는데, 아래와 같은 요소들이다. 반면,..
2020. 8. 19.
CSS : inline, inline-block, block
display 프로퍼티 display 프로퍼티는 요소의 표기 특성을 지정한다. (ex : block, inline, inline-block, flex, grid 등) block block 프로퍼티를 가진 요소는 화면 가로폭 전체를 차지 (width : 100%)하며, 항상 새로운 줄에서 시작한다. * 기본 크기는 가로폭 전체이지만, width, height, margin, padding등의 프로퍼티를 설정할 수 있다. ** block 프로퍼티 요소의 예시로는 div, h1~h6, p, ol, ul, li, hr, table, form 이 있다. *** block 요소 내에 inline 요소를 포함할 수 있다. inline inline 프로퍼티를 가진 요소는 content 너비만큼 가로폭이 설정되며, 새로..
2020. 8. 18.
CSS : position
CSS position CSS의 position 프로퍼티는 HTML 문서 내의 요소의 위치를 정의하며, static, relative, absolute, fixed 등의 값으로 지정할 수 있다. Static (기본위치) position을 지정하지 않았을 때 부여되는 기본값으로, 위 -> 아래, 왼쪽 -> 오른쪽을 기본값으로 배치된다. relative (상대적 위치) 요소의 기본 위치(static)를 기준으로 좌표 프로퍼티 (top, bottom, left, right)를 사용하여 위치를 이동할 수 있다. absolute (절대적 위치) position: absolute가 지정된 요소는 부모 요소 또는 가장 근접한 곳에 위치한 조상 요소의 위치를 기준으로 좌표 프로퍼티 (top, bottom, left, ..
2020. 8. 18.
자바스크립트 : class vs object (드림코딩)
Class vs Object 1. Class 표현하고자 하는 물체와 연관있는 데이터를 한 곳에 묶어놓는 (encapsulation) 컨테이너, value와 methods등으로 이루어질 수 있음. class Person() { height, weight, speak(){} } class vs object class(틀) : 템플릿, 한 번만 선언됨, 데이터가 없이 이러이러한 데이터가 들어올 수 있다는 것만 정의, 실제 데이터 x object(물체) : 클래스의 인스턴스, 여러번 만들 수 있음, 데이터 존재 * class는 붕어빵을 만드는 틀. Object는 class 붕어빵 틀로 만든 크림붕어빵, 팥붕어빵, 피자붕어빵 등 ** class는 ES6에 새로 만들어진 규칙으로, 이전에는 바로 object pro..
2020. 8. 16.
