근혁 study 공부정리

시멘틱 태그란? 시멘틱(semantic) 태그란 그 이름 자체만으로 의미를 전달할 수 있는 태그다 시맨틱 태그가 아닌 , 등은 그 이름만 들어서는 그 내용이 무엇인지 알 수 없다 . 그러나, 시맨틱 태그는 =두목 =네비게이션, =그림, 이렇게 이름만 척, 들어도 어림짐작할 수 있다는 게 대단한 장점이라 할 수 있다. 종류 태그는 주제별 그룹의 콘텐츠 섹션을 나타낼 때 사용합니다. 태그는 말 그대로 머리말 영역으로 문서 또는 헤더를 나타낸다. 태그는 내비게이션 즉, 말 그대로 (길을 안내하는)나침반이며 다른 영역,사이트,다른 문서 사이를 탐색할 수 있는 링크의 집합이다 태그는 페이지의 주요 콘텐츠를 나타낸다 태그는 독립적인 콘텐츠를 지정한다 태그는 사이드바라고 불르기도 하며, 본문 이외의 내용을 담고 있는..

그리드 시스템 그리드 시스템(Grid System)이란 페이지 콘텐츠를 논리적이고 일관성 있는 질서와 구조로 디자인할 수 있도록 돕는 그래픽 시스템을 말한다. 여기서 그리드(Grid)는 사전적 의미로 '격자무늬' 또는 '격자판'을 의미하며, 디자이너는 아래 그림과 같이 격자 선에 맞춰 디자인에 규칙을 부여하여 페이지를 더 보기 좋고, 알기 쉽게 제작하는 데 도움이 된다. 그리드 시스템의 장점 정렬에 도움을 주고 정돈된 결과물을 얻을 수 있다. 일관적이고 규칙적인 배치로 통일성이나 일관성을 얻을 수 있다. 내부 협업하는 과정에 도움을 주며 기준(Rule)으로 활용한다. 반응형 디자인 설계 시 해상도 대응이 용이해진다. 그리드 시스템의 기본 요소 칼럼(Column), 거터(Gutter), 마진(Margin)..

SEO란? SEO(검색엔진최적화)는 사용자의 검색의도를 명확히 이해하여 고객니즈 기반으로 웹사이트 기능을 개선,콘텐츠를 제작하는 방법이다. 즉, 단순히 검색엔진의 로직에만 맞추는 것이 아니라 웹사이트의 품질,콘텐츠의 질이 함께 개선되어야 페이지 퀄리티가 높아져서 실질적인 효과를 거둘 수 있다. 이런 이유로 검색엔진의 기술적인 요건을 만족하기 위한 테크니컬SEO 키워드 리서치를 통해 컨텐츠의 질을 높이기 위한 콘텐츠SEO 검색엔진과 인터넷의 가장 중요한 원리인 내 웹사이트 링크 확산을 목적으로 하는 링크빌딩SEO로 분류되고 이에 따라 전문화된 프로세스가 있다. 또한 검색엔진은 수집, 정제, 색인, 랭킹 이라는 일련의 과정을 거쳐서 웹사이트의 품질을 결정하게 된다고 밝히는데 이런 과정 또한 앞서 말한 테크니..

웹 표준 웹 표준은 W3C가 권고한 표준안에 따라 웹사이트를 작업하는것이다 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화 되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 웹 접근성 웹 접근성은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모둔 사용자들은 정보와 기능에 동등하게 접근할 수 있다. 웹 호환성 웹 호환성은 표준 웹 기술을 사용하여 운영체제, 브라우저 등 어느 한쪽으로 최적화되거나 종속되지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법으로 웹 사이트 사용 시 운영체제 및 브라우저 간 동일한 결과를 ..

HTML 기초문법 HTML은 Hyper Text Markup Language의 약어로 웹 브라우저를 통해 사용자에게 보이는 웹 문서를 작성하기 위한 언어이다. 다시 말해 보여지는 브라우저의 구조를 설계하며 웹 페이지를 위한 마크업 언어이다. HTML 선언 방법 시작하는 안에 내용을 적고 닫는 태그 를 써야된다 { Hello! } = 문서의 시작과 끝을 뜻한다 = 문서가 가지고 있는 정보를 뜻한다 = HTML 출력 장소 실제 웹사이트에 출력되는 부분이다.