정미나닷컴

var canvas = document.getElementById("mycanvas");//canvas의 DOM 객체를 얻는다.var context = canvas.getContext("2d"); //DOM 객체로부터 2D 컨텍스트를 얻는다. * 사각형fillRect(x,y,width,height) : 색으로 채운 사각형을 그린다.strokeRect(x,y,width,height) : 선만 있는 사각형을 그린다.clearRect(x,y,width,height) : 사각형을 지운다. * N각형beginPath() : canvas에 패스그리기를 알린다.moveTo(x,y) : 패스의 시작점lineTo(x,y) : 패스의 도착점stroke() : 윤곽선을 그린다.fill() : 색을 채운다.closePath(..

* Web Storage - 웹 사이트의 데이터를 클라이언트에 저장 - [key/value] 쌍으로 데이터를 저장하고 key를 기반으로 데이터를 조회 - local storage는 영구적, session storage는 임시적 - 사이트의 도메인 단위로 접근 제한 * 브라우저 지원 여부 체크 if( ('localStorage' in window) && window['localStorage'] !== null) { alert("현재 브라우저는 WebStorage를 지원합니다") }else{ alert("현재 브라우저는 WebStorage를 지원하지 않습니다") } * Sample Local Storage 저장 Local Storage 조회 Session Storage 저장 Session Storage 조회