본문 바로가기

웹 개발자

[HTML] Semantic HTML 이란? Semantic HTML 이란? Semantic HTML이란 직역하면 의미론적 HTML이다. 좀 더 풀어서 얘기를 해보자면, Element마다 의미가 있는 것을 뜻한다. 즉, Semantic elements가 된다. 이것은 브라우저와 개발자 모두에게 알려주는 것인데, Element 이름 자체에 의미가 있는 것이기 때문에, 웹 상에 좀 더 노출이 잘되는 것을 의미한다. 시맨틱 HTML으로 구성하기 전에는, ❮div❯와 ❮span❯으로 HTML을 구성했다. 단, 이 것은 어떠한 의미도 없는 태그다. Semantic HTML으로 구성해야하는 이유? 웹 사이트 개발이 완료되면 그 사이트는 웹 상에 노출되는데, 검색을 했을 때 바로 노출이 되지 않는다. 노출을 하기 위해서는 웹 사이트의 정보가 수집되어야 한다. .. 더보기
[CSS] 마크업 언어 CSS 기초 2020년 말, 대규모 프로젝트를 진행 중에 블로그를 시작해서 그런가 포스팅을 하지도 못하고, 나도 내 자신이 블로그를 시작했단 걸 깜빡했었다. 거두절미하고, 오늘은 Mark up Language의 CSS를 포스팅하려고 한다. CSS란? CSS란, Cascading Style Sheet의 약자로, 작년 8월에 포스팅했던 HTML(ㅋㅋㅋ)에 디자인적 구조를 입혀주는 마크업 언어다. 쉽게 말해, 집의 뼈대가 HTML이라면 집을 예쁘게 꾸미는 것이 CSS다. 웹 개발자는 크게 두 분류로 나뉜다. 프론트엔드(Front-End)와 백엔드(Back-End) 프론트엔드에서도 여러 분류로 또 나뉘는데, 마크업 언어는 보통 퍼블리셔(Publisher)에 해당한다. 하지만, 프론트엔드도 마크업 언어는 알아야하기 때문에 기.. 더보기

728x90