HTML5와 CSS3 사용의 장점
웹 개발의 플랫폼 | 의미가 더 분명한 태그들, 사이트나 창 사이의 더 나은 데이터 교환, 애니메이션, 더 나은 멀티미디어 지원 등, 더 좋은 사용자 인터페이스 구현 가능 |
더 분명한 마크업 | 내용을 설명하는데 직접 연관된 요소 추가 (제목, 푸터, 내비게이션 절, 사이드바, 글을 정의하는 요소들) |
플러그인에 덜 의존하는 멀티미디어 | 오디오, 비디오 기능 제공 |
웹 소켓 | HTML5는 서버와의 연결을 유지시키는 웹 소켓을 지원 |
클라이언트 측 스토리지 | 웹 스토리지와 웹 SQL 데이터베이스 API를 이용하면 브라우저에서 동작하긴 하지만 모든 데이터를 사용자의 컴퓨터에 보관하는 애플리케이션을 만들 수 있음. |
더 좋은 인터페이스 | 테이블에 스타일을 적용하거나, 둥근 모서리를 만드는 등 사용자 인터페이스를 좀 더 풍요롭게 사용 가능. |
더 좋은 폼 | 더 나은 사용자 인터페이스 컨트롤 제공 |
향상된 접근성 | 스크린 리더 같은 프로그램을 사용해서 보조 기술에 의존하는 사람에게 더 좋은 웹 페이지 접근성을 제공. |
개선된 선택자 | CSS3에서 제공하는 선택자를 이용하면 테이블의 홀수 행과 짝수 행을 지정한다거나, 선택된 체크박스를 전부 찾는다거나, 심지어는 특정 그룹에서 마지막 문단을 찾아낼 수도 있음. |
시각효과 | CSS3을 통해, 배경 이미지에 의존하거나 마크업을 추가하는 일 없이 요소에 그림자와 그래디언트를 넣을 수 있음. |
TAG css3,
html5,
semantic web,
개선된 선택자,
그래디언트,
그림자,
내비게이션,
더 분명한 마크업,
더 좋은 인터페이스,
더 좋은 폼,
마크업,
멀티미디어,
브라우저,
비디오,
사용자 인터페이스,
사이드바,
스크린 리더,
스토리지,
시각효과,
시멘틱 웹,
시멘틱웹,
애니메이션,
오디오,
웹 SQL 데이터베이스,
웹 개발,
웹 개발의 플랫폼,
웹 소켓,
웹 스토리지,
웹 페이지 접근성,
인터페이스,
장점,
접근성,
클라이언트,
클라이언트 측 스토리지,
태그,
폼,
푸터,
플러그인에 덜 의존하는 멀티미디어,
플로그 인,
향상된 접근성
Posted by codedragon codedragon
HTML5 지원 API
API | 내용 |
웹 스토리지(Web Storage) | 로컬 스토리지(Local Storage). 웹의 내용을 사용자 컴퓨터에 임시저장하는 기능 |
드래그앤트롭(Drag & Drop) | 웹 페이지상에서 원하는 항목을 드래그할 수 있게 해주는 기능 |
지오로케이션(Geolocation) | 공개지도 API와 함께 사용하면 자신의 현재 위치를 알아낼 수 있는 기능 |
캔버스(Canvas) 2D | Canvas 요소와 그리기 API를 제공 |
웹 워커(Web Workers) | CPU에 부하를 많이 주는 작업을 여러 워커(Worker)로 나누어 작업 |
웹 SQL 데이터베이스
(Web SQL Database) | 웹 브라우저에 내장 데이터베이스를 만들고 SQL 질의를 사용할 수 있는 기능 |
TAG API,
canvas,
canvas 2d,
drag & drop,
geolocation,
html5,
html5 api,
semantic web,
web sql database,
Web storage,
web worker,
web workers,
worker,
드래그앤드롭,
드래그앤트롭,
시멘틱 웹,
시멘틱웹,
웹 SQL 데이터베이,
웹 SQL 데이터베이스,
웹 스토리지,
웹 워커,
웹SQL,
웹워커,
지오로케이션,
캔버스,
캔버스2
Posted by codedragon codedragon
TomCat설치 파일 다운로드
Tomcat 서버 설치: web server 설치
http://tomcat.apache.org > Downloads > Tomcat 7 Downloads > Binary Distributions > Core:
zip 다운로드
Tomcat 설치파일 압축 해제
설치 없이 다운받은 파일을 압축해제해서 바로 사용할 수 있습니다.
압축을 풉니다. 압축을 푼 파일은 eclipse에서 연동해서 사용하게 됩니다.
(eclipse와 tomcat 연결: project생성 후 서버와 연결하가 위함)
Tomcat 설정 및 Dynamic Web Project 생성
eclipse를 실행합니다.
Dynamic Web Project로 HTML프로젝트를 생성하겠습니다.
Poject Explorer > 마우스 우클릭 > new > Dynamic Web Project 클릭
또는 메뉴에서 File > New > Dynamic Web project선택
-Project name: HTML 입력한 후
-Target runtime 옆에 있는 New Runtime버튼을 클릭합니다.
Apache에 다운 받은 Tomcat버전을 선택(Apache Tomcat v7.0)선택 >
Next버튼 클릭
Tomcat intallation directory: 의 Browse버튼을 클릭
Tomcat을 다운받아 압축을 푼 폴더 경로를 선택 >
확인
Finish
Project name(HTML)과 Target runtime(Apache Tomcat v7.0)이 선택된 것을 확인한 후 Finish버튼을 클릭합니다.
eclipse와 Tomcat 정상 연결여부 확인
HTML 프로젝트에 index.html파일을 생성한 후 Hello World!를 출력해 보겠습니다.
Poject Explorer > HTML > WebContent폴더 선택 > 마우스 오른쪽 버튼 > New > HTML file 항목을 선택합니다.
File Name: index.html 파일 생성 > Next 클릭 > Templates: New HTML File(4.01 transitional) 선택 > Finish버튼 클릭합니다.
Next버튼을 눌러 HTML버전에 따른 템플릿을 선택할 수 있습니다.
Run As > Run on Sever 클릭
*Select HTML Template창에서 구분된 왼쪽 부분은 로컬에서 구동하게 되고 / 오른쪽 부분은 서버에 연결하여 구동하게 됩니다. 오른쪽에 HTML프로젝트를 확인할 수 있어 Tomcat서버와 연결되었음을 확인할 수 있습니다.
정상적으로 웹서버가 설치되었습니다.
*Tomcat과 연결되어 있지 않으면 Tomcat의 아래폴더에 직접 집어 주어야 합니다.
C:\javanAndroid\apache-tomcat-7.0.52\apache-tomcat-7.0.52\webapps
TAG Apache tomcat,
Dynamic Web Project,
html5,
semantic web,
tomcat,
v7.0,
web server,
다운로드,
설치,
시멘틱 웹,
시멘틱웹,
웹 서버,
톰캣
Posted by codedragon codedragon
댓글을 달아 주세요