BRONZE
BRONZE 등급의 판매자 자료

Html5 입문

HTML5 입문과정에서 알아야 할 API소개 및 실습 예제. [개발환경] -. eclipse-jee-indigo-win32 -. node_setup_0.6.1.1 -. jdk-6u26-windows-i586 -. apache-tomcat-6.0.32 -. 웹브라우저 : 크롬,파이어폭스,오페라,IE8,사파리 모두 설치 1. 위 개발환경을 모두 Default로 설치하고 eclipse에서 웹서버로 apache6.0을 선택하여 추가후 서버목록에서 Apache서버에 프로젝트 Html5Lab을 추가해준다. 2. Apache서버 설치후 web.xml에 mime-mapping설정에 아래 설정 추가 appcache text/cache-manifest ogv video/ogg webm video/webm 3. nodeJS프로그램 설치후 cmd 모드에서 해당 설치 디렉토리 하위에 15장 chatServer.js 파일을 위치하고 node.exe chatServer.js를 실행해준다. 이는 15장 예제 실행시에만 수행해 주면 됨. 4. 설정 완료후 최초 index.html 페이지 접속시 구글프레임 설치 창이 뜨면 수락하고 적용. 이는 인터넷 익스플로어에서 지원되지 않는 html5 기능을 구글 프레임 내에서 수행가능하게 해준다. 5. html5 는 아직 모든 브라우저가 지원하지 않는 기능이 많아서 브라우저를 변경해가면서 테스트를 수행해 봐야 함. 가장 많은 지원을 하는 브라우저는 구글 크롬 브라우저로 대부분 테스트는 여기서 진행하면 동작함.
압축파일
최초등록일 2011.11.21 최종젿작일 2011.11
Html5 입문
  • 미보기

    소개

    HTML5 입문과정에서 알아야 할 API소개 및 실습 예제.

    [개발환경]
    -. eclipse-jee-indigo-win32
    -. node_setup_0.6.1.1
    -. jdk-6u26-windows-i586
    -. apache-tomcat-6.0.32
    -. 웹브라우저 : 크롬,파이어폭스,오페라,IE8,사파리 모두 설치


    1. 위 개발환경을 모두 Default로 설치하고
    eclipse에서 웹서버로 apache6.0을 선택하여 추가후
    서버목록에서 Apache서버에 프로젝트 Html5Lab을 추가해준다.

    2. Apache서버 설치후 web.xml에 mime-mapping설정에 아래 설정 추가

    appcache
    text/cache-manifest


    ogv
    video/ogg


    webm
    video/webm


    3. nodeJS프로그램 설치후 cmd 모드에서 해당 설치 디렉토리 하위에
    15장 chatServer.js 파일을 위치하고 node.exe chatServer.js를 실행해준다.
    이는 15장 예제 실행시에만 수행해 주면 됨.

    4. 설정 완료후 최초 index.html 페이지 접속시 구글프레임 설치 창이 뜨면 수락하고 적용.
    이는 인터넷 익스플로어에서 지원되지 않는 html5 기능을 구글 프레임 내에서 수행가능하게 해준다.

    5. html5 는 아직 모든 브라우저가 지원하지 않는 기능이 많아서
    브라우저를 변경해가면서 테스트를 수행해 봐야 함.
    가장 많은 지원을 하는 브라우저는 구글 크롬 브라우저로 대부분 테스트는 여기서 진행하면 동작함.

    컴파일 실행환경

    HTML5 , Web Browser, Apache Tomcat, JDK

    본내용

    HTML5 실습
    •Part1. HTML5의 기초 지식1
    •00.DOM
    ◦쇼핑 목록
    •Part2. HTML5의 새로운 기능4
    •03. 캔버스
    ◦사각형 그리기
    ◦도형 그리기
    ◦텑트스
    •04. Video & Audio
    ◦비디오 재생
    ◦비디오 플레이어
    •06. 폼 요소
    ◦폼 요소
    ◦폼 검증
    •07. 드래그 & 드롭
    ◦쇼핑 목록
    ◦쇼핑 목록2
    ◦쇼핑 목록(크로스 브라우징)
    ◦쇼핑 목록(J-Query)
    •Part3. 웹 애플리케이션 작성용 API9
    •10. 커뮤니케이션 API
    ◦아이디 중복 확인
    ◦마우스 좌표 전송
    ◦채널 통신
    •11. 오프라인 웹 어플리케이션
    ◦캐쉬 테스트
    ◦게시물 목록별 캐쉬
    ◦캐쉬 섹션 테스트
    ◦캐쉬 업데이트
    •12. 웹 스토리지
    ◦로그
    ◦캐시 업데이트(자동)
    •13. Web SQL Database
    ◦북마크 관리
    •14. Web Workers
    ◦워커
    ◦공유워커
    •15. Web Socket
    ◦Echo 테스트
    ◦웹소켓 채팅
    •16. Geolocation
    ◦현재 위치
    ◦위치 추적
    •17. Server-Sent Events
    ◦Polling 예제(ajax/sse)
    ◦sse 채팅
    •18. 그 밖의 API
    ◦Ajax 예제

    참고자료

    · HTML5API입문_프리렉
  • 자료후기

    Ai 리뷰
    이 자료를 통해 새로운 지식과 통찰을 얻을 수 있었고, 과제를 를 보완하는 데 큰 도움이 되었습니다. 매우 만족스러웠습니다. 추천할 만한 자료입니다.
    • 자주묻는질의 답변을 확인해 주세요

      해피캠퍼스 FAQ 더뵖기

      꼭 알아주세요

      • 자료의 정보 및 내용의 진실성에 대하여 해피캠퍼스는 보증하지 않으며, 해당 정보 및 게시물 저작권과 기타 법적 책임은 자료 등록자에게 있습니다.
        자료 및 게시물 내용의 불법적 이용, 무단 전재∙배포는 금지되어 있습니다.
        저작권침해, 명예훼손 등 분쟁 요소 발견 시 고객비바카지노 Viva의 저작권침해 신고비바카지노 Viva를 이용해 주시기 바랍니다.
      • 해피캠퍼스는 구매자왿 판매자 모두가 만족하는 서비스가 되도록 노력하고 있으며, 아래의 4가지 자료환불 조건을 꼭 확인해주시기 바랍니다.
        파일오류 중복자료 저작권 없음 설명과 실제 내용 불일치
        파일의 다운로드가 제대로 되지 않거나 파일형식에 맞는 프로그램으로 정상 작동하지 않는 경우 다른 자료왿 70% 이상 내용이 일치하는 경우 (중복임을 확인할 수 있는 근거 필요함) 인터넷의 다른 사이트, 연구기관, 학껓, 서적 등의 자료를 도용한 경우 자료의 설명과 실제 자료의 내용이 일치하지 않는 경우

    찾으시던 자료가 아닌가요?

    지금 보는 자료왿 연관되어 있어요!
    왼쪽 화살표
    오른쪽 화살표
    문서 초안을 생성해주는 EasyAI
    안녕하세요. 해피캠퍼스의 방대한 자료 중에서 선별하여 당신만의 초안을 만들어주는 EasyAI 입니다.
    저는 아래왿 같이 작업을 도왿드립니다.
    - 주제만 입력하면 목차부터 본내용까지 자동 생성해 드립니다.
    - 장문의 콘텐츠를 쉽고 빠르게 작성해 드립니다.
    - 스토어에서 무료 캐시를 계정별로 1회 발급 받을 수 있습니다. 지금 바로 체험해 보세요!
    이런 주제들을 입력해 보세요.
    - 유아에게 적합한 문학작품의 기준과 특성
    - 한국인의 가치관 중에서 정신적 가치관을 이루는 것들을 문화적 문법으로 정리하고, 현대한국사회에서 일어나는 사건과 사고를 비교하여 자신의 의견으로 기술하세요
    - 작별인사 독후감
    해캠 AI 챗봇과 대화하기
    챗봇으로 간편하게 상담해보세요.
    2025년 06월 09일 월요일
    AI 챗봇
    안녕하세요. 해피캠퍼스 AI 챗봇입니다. 무엇이 궁금하신가요?
    11:17 오전