본문 바로가기

프론트 개발자

[HTML] Semantic HTML 이란? Semantic HTML 이란? Semantic HTML이란 직역하면 의미론적 HTML이다. 좀 더 풀어서 얘기를 해보자면, Element마다 의미가 있는 것을 뜻한다. 즉, Semantic elements가 된다. 이것은 브라우저와 개발자 모두에게 알려주는 것인데, Element 이름 자체에 의미가 있는 것이기 때문에, 웹 상에 좀 더 노출이 잘되는 것을 의미한다. 시맨틱 HTML으로 구성하기 전에는, ❮div❯와 ❮span❯으로 HTML을 구성했다. 단, 이 것은 어떠한 의미도 없는 태그다. Semantic HTML으로 구성해야하는 이유? 웹 사이트 개발이 완료되면 그 사이트는 웹 상에 노출되는데, 검색을 했을 때 바로 노출이 되지 않는다. 노출을 하기 위해서는 웹 사이트의 정보가 수집되어야 한다. .. 더보기
[Javascript] Javascript 기초 Javascript가 뭔가요? Javascript란, 웹 페이지상에서 정적인 부분을 동적으로 변화시켜주는 스크립트 또는 프로그래밍 언어다. HTML이 웹 페이지의 내용 그러니까, 이미지, 제목, 표, 사진과 영상 등을 보여주고, CSS가 구조화된 HTML의 디자인 등의 레이아웃을 지정하면, Javascript는 그들을 동적으로 바꿔주는 역할을 한다. 정적인 웹 페이지는 HTML, CSS만으로도 충분하지만, 좀 더 웹 페이지의 목적과 구조에 맞게 구성하기 위해선 Javascript는 필수이다. 예제를 하나 들어보자면, 누르면 나와 눌러봐! 결과 누르면 나와 눌러봐! 여기에 CSS를 입힌다. CSS 기초에서 했었던 class를 쓰겠다. .click-button { color: #3DAEF8; backgrou.. 더보기
728x90

티스토리툴바