HTML5 지원 API API 내용 웹 스토리지(Web Storage) 로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능 드래그앤트롭(Drag & Drop) 웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능 지오로케이션(Geolocation) 공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능 캔버스(Canvas) 2D Canvas 요소와 그리기 API를 제공 웹 워커(Web Workers) CPU에 부하를 많이 주는 작업을 여러 워커(Worker)로 나누어 작업 웹 SQL 데이터베이스 (Web SQL Database) 웹 브라우저에 내장 데이터베이스를 만들고 SQL 질의를 사용할 수 있는 기능

Tomcat 설정 및 Dynamic Web Project 생성 TomCat설치 파일 다운로드 Tomcat 설치파일 압축 해제 Tomcat 설정 및 Dynamic Web Project 생성 eclipse와 Tomcat 정상 연결여부 확인 TomCat설치 파일 다운로드 http://tomcat.apache.org > Downloads > Tomcat 7 Downloads > Binary Distributions > Core: zip 다운로드 Tomcat 설치파일 압축 해제 설치 없이 다운받은 파일을 압축해제해서 바로 사용할 수 있습니다. (eclipse와 tomcat 연결: project생성 후 서버와 연결하가 위함) 압축을 풉니다. 압축을 푼 파일은 eclipse에서 연동해서 사용하게 됩니다. Tomcat..

시멘틱 태그 작성 - 02.html header태그를 이용해서 회사의 로그, 메뉴, 검색 상자등을 표시해 보겠습니다. 출력 결과는 한 줄로 나열되어 표시됩니다. 소스 코드 Star BLog 최신 글 이전 글 다음 글 연락처 버전 v.3에 대한 추가 기능 공지사항입니다. Posted By CodeDragon on 2020.02.10 " virtual기능등 73,439개 기능 추가 " 사과은 그동안 이같은 사실에 대해 지적 받았지만 이를 공식적으로 인정하지는 않았었다. 고객지원센터는 한 사용자의 이같은 문의에 대해 처음으로 이를 인정하고 해결방법을 게시했다. 그동안 많은 사람들이 자신의 아이폰을 안드로이드폰으로 기기 변경했을 경우 아이폰을 사용하는 친구들의 아이메시지 문자를 받지 못해왔다. 패시는 사과 고객..

CodeLab - 시멘틱 태그 01.html sematic 시멘틱 태그 표현을 위한 태그 소스코드 출력결과 sematic 무의미한 태그가 아니라 '의미를 갖는다'는 뜻으로, 각 태그가 스스로 의미를 지닌다는 뜻 시멘틱 태그 태그 설명 header 사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등이 포함됨 hgroup 제목과 부제목을 묶는 역할 nav 사이트나 메뉴나 링크 같은 내비게이션 요소들이 포함 section 실제 문서 내용이 들어감 article 문서 내용이 많을 경우 여러 개의 요소로 나눌 수 있음 aside 문서의 주요 내용 외의 내용들을 넣어 문서의 주 영역 주변에 배치 footer 작성자 정보나 저작권 정보, 또는 관련 문서 링크 등 부가 정보들을 담고 있음 표현을 위한 태그 태그 설..

HTML5 시멘틱 태그 페이지의 구조를 더 잘 나타내기 위해 새로운 태그 추가 태그 설명 header 페이지나 절의 헤더 영역을 정의 footer 페이지나 절의 푸터 영역을 정의 nav 페이지나 절의 내비게이션 영역을 정의 section 페이지의 논리적 영역 또는 내용의 그룹을 정의 article 하나의 글 또는 완결된 내용을 정의 aside 부차적인 또는 관련 있는 내용을 정의 meter 특정 범위 내의 측정 값을 나타냄 progress 어떤 목표까지의 진척도를 실시간으로 보여줌 hgroup 제목과 그에 관련된 부제목을 하나로 묶음 figure,figcaption 그림이나 비디오 같은 멀티미디어 콘텐츠에 캡션을 붙일 때 audio,video 멀티미디어 콘텐츠를 표시 embed 플러그인 콘텐츠 표시 ma..

CodeLab ch01-first / 01.html-Hello World 프로젝트 생성 소스 코드 출력결과 프로젝트 생성 File > New > Dynamic Web Project File > New > Folder ch01-first폴더 선택 > 마우스 우클릭 > New > HTML file New HTML File (5) 선택 Finish 소스 코드 Hello World! Hi HTML5 출력결과