JavaSpecialist
https://www.javaspecialist.co.kr
Java Dev.
자바
Servlet & JSP
Android
Spring Framework & Boot
데이터베이스
HTML5
CSS3
JavaScript
BigData & AI
빅데이터
하둡 & 하둡에코시스템
AI, 인공신경망, 딥러닝
리눅스 기본
The Python - 파이썬 프로그래밍
OpenCV 영상처리
R 기본
자연어처리
머신러닝 데이터 분석
Member
My Info
Update User Information
Exit Member
Sign out
Join Member
Experience
HTML5
CSS3
JavaScript
Page Tech
Dynamic chart sample by websocket
Sign in
마인드맵
공지사항
Employees JSON Data
Emp JSON Data
HTML5
Experience
HTML5
HTML 4.01
HTML 4.01 폼태그
defer
vs.
async
: 각각 다른 페이지에서 실행 한 다음 박스가 보이면 개발자도구의 Console 탭 결과를 비교해 보세요.
HTML Entity
HTML5
HTML5 구조적 엘리먼트
HTML5 신규 엘리먼트
HTML5 입력 양식
contentEditable
keygen
알림 창 띄우기(badcase)
커스텀 데이터 속성을 이용한 알림 창 띄우기
jQuery를 이용한 알림 창 띄우기
Drag & Drop
이미지 이동시키기
이미지 미리보기
텍스트파일 미리보기
텍스트파일 미리보기(JS 이용)
텍스트파일 미리보기(jQuery 이용)
드래그 앤 드롭을 이용해 쇼핑몰에서 상품을 장바구니에 담는 예제
Audio/Video, Canvas
Video 플레이어 예제
썸네일 뷰를 포함하는 Video 플레이어 예제
자막기능을 사용하는 Video 플레이어
시계 - 간단한 아날로그 시계
아날로그 시계(setTimeout vs. requestAnimatinFrame)
초 간단 웹 그림판
잘 된 그림판 예제 사이트(sketchpad)
Communication API
IFrame을 이용한 챠트 서비스 사용 예 - client.html 문서에 iframe을 이용해 챠트를 나타낼 수 있는 페이지를 삽입했다. 데이터 입력은 client.html에서 받고 결과를 iframe내의 문서를 이용해 보여준다.
포트 공개를 이용한 1:다 메시지 전송 예 - 하나의 문서에서 여러 페이지로 메시지를 보내는 예제이다.
Worker
전용 워커 예 - 입력필드에 입력한 수까지 1씩 증가하면서 값을 모두 더한 다음 결과는 연산 2초 후 UI쓰레드에게 보내진다.)
공유 워커 예 - start.html 문서에서 입력 필드에 값을 입력한 다음 작업시작 버튼을 클릭하면 공유워커에 작업을 실행시킨다. 새로 보여지는 end.html에서 워커의 실행 결과를 화면에 나타낸다.
SSE
setInterval 함수를 사용하지 않고 서버의 데이터를 새로 받아옵니다.
WebSocket
Tomcat 7버전, $TOMCAT_HOME/lib/ 폴더에 websocket-api.jar 파일 포함
채팅 프로그램.
에코 예제.
snake 게임.
Geolocation API
내 위치 표시하기(휴대폰 설정에서 브라우저가 위치정보(GPS)를 사용할 수 있는 상태이면 현재 위치를 지도에 표시해 줍니다.)
Local/Session Storage
Local Storage를 이용한 메모장
Storage 이벤트 테스트
JSON 객체 저장하기
Local Storage를 이용한 나만이 페이지 설정
Database
뉴스보기(IndexedDB)
SQLDatabase 예제
Offline Application
드래그로 장바구니 담기(오프라인)
뉴스보기(IndexedDB+오프라인)