# html5
리액트에서 HTML5 시멘틱 태그 적용
프로젝트를 진행하면서 많은 사람들이 서비스를 이용해봤으면 하는 마음이 있었다. 그러기 위해서 검색에서 상위로 사이트가 떠야했기에 SEO 최적화를 알아봤고 리액트는 <div id="root">...</div>로 항상 감싸져 있고 각 jsx마다 <div>.

웹 표준을 지키는 이유와 시맨틱 태그를 사용하는 이유
웹 표준을 지키는 이유 웹 표준이란? 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페

빅데이터 Java 개발자 교육 - 39일차 [반응형 웹, JavaScript] (실습)
반응형 웹 반응형 웹이란? 웹 페이지 하나로도 데스크톱, 태블릿PC, 스마트폰에 맞게 디자인이 자동으로 반응해서 변경되는 웹 페이지를 이야기함. 장점 유지보수가 용이함 개발 효율성이 증가 미디어 쿼리(Media query)를 사용하여 개발함. Jav

빅데이터 Java 개발자 교육 - 38일차 [HTML 5 및 CSS 3 고급] (실습)
CSS 3 고급 CSS 가시속성 none이기 때문에 위와 같이 대상이라는 글자가 사라져서 보이게 된다. 웹페이지에서 F12를 눌러 개발자모드를 켠 뒤, ``를 선택하여 배경이미지 먼저 image 폴더에 아래와 같이 이미지들을 추가해주었다. 
빅데이터 Java 개발자 교육 - 38일차 [HTML5 및 CSS 3 고급] (이론)
CSS 3 고급 https://docs.google.com/presentation/d/1ppgdgid_cq9ifENfSIOBBTHOAgsCCtwa/edit#slide=id.p18

빅데이터 Java 개발자 교육 - 37일차 [HTML 5 입력 양식 태그, CSS 기본 및 고급] (실습)
폴더 생성하기 ./Day02 입력양식 태그 데이터 전송방식 (Get, Post) 초기화면 get의 경우에는 정보가 주소창에 노출되고, post의 경

빅데이터 Java 개발자 교육 - 36일차 [웹 개념및 특징, 동작원리 이해 HTML 5] (실습)
폴더와 html파일을 생성. Ctrl + Space (Content assistant) 눌러 두번째 항목 선택,eclipse때 처럼 기본 문법들이 생성된다.위의 페이지에서 코드를 아래와 같이 수정해주었다.위를 실행시키면와 같이 나오게 된다.이번에는 글자의 색과 배경색을
[qna]html vs html5
HTML 파일HTML 코드를 파일에 저장하고 웹브라우저에서 로딩하면 웹페이지가 만들어진다확장명으로는 html 혹은 htm을 사용한다HTML 태그Semantic한 태그라고 표현하며 이는 각각의 의미를 지닌다라는 의미를 가진다차세대 웹 표준으로 HTML이 멀티미디어 등 다
HTML5 시맨틱 태그와 웹 표준을 지키는 이유
본 내용은 공부용(학습용)으로 작성되었습니다.프로그래밍에서,시맨틱은 코드 조각의 의미를 나타냅니다 — 예를 들어 ("이게 어떻게 시각적으로 보여질까?" 보다)"이 Javascript 라인을 실행하는 것은 어떤 효과가 있는가?", 혹은 "이 HTML 엘리먼트가 가진 목적

HTML 기본 태그 (테이블)
🤔 테이블(table)이란 HTML 문서 내에서 '표'를 만드는 태그를 의미한다.<table> 태그 : 테이블을 만드는 태그<th> 태그 : 테이블의 헤더를 만드는 태그<tr> 태그 : 테이블의 행을 만드는 태그<td> 태그 : 테이블의 열을 만
HTML 기본 태그 (시멘틱 요소)
🤔 시멘틱 요소란? <div>, <span> 등의 태그와 달리 그 자체에 의미를 가지고 있는 요소를 말한다. 즉, 요소가 자기 스스로 브라우저와 사용자 모두에게 자신이 사용된 의미를 명확하게 전달하는 요소를 말한다.<header> 태그는 HTML 문서