쏭이의행복찾기

Mission:10

도형그리기 및 테트리스 전체적인 폼

'호출 스케줄링(scheduling a call)' 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것 - 호출 스케줄링 구현 방법 setTimeout을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법 setInterval을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법 setTimeout과 setInterval을 이용한 호출 스케줄링 (javascript.info) 자동으로 블럭이 내려옴 function mytime(){ myclick({code:'ArrowDown'}); setTimeout(mytime,1000) } function myinit(){ mytime(); } myclick에 gameover 나타내기 if(flagCrush && flagDown){ moveB..

쌓인블록과 내려오는 블록 나타내기 ->시작하기 전에 setBlock과 setScrin을 0으로 초기화해야 함. 초기화 전 초기화 후 ->경계와 충돌문제 해결해야함 벽과의 경계표시 -> 충돌 시 true 반환 function isCrushWall(){ var cnt = 0; for(var i=0;i0 && stack2D[i][2]>0 && stack2D[i][3]>0 && stack2D[i][4]>0 && stack2D[i][5]>0 && stack2D[i][6]>0 && stack2D[i][7]>0 && stack2D[i][8]>0 && stack2D[i][9]>0 ){ if( stack2D[i][0]>0 && stack2D[i][1]>0 && stack2D[i][2]>0 && stack2D[i][3]>..

class연습 테트리스 각각의 블럭 만들고 위쪽방향키로 회전해보기 type = 블럭모양 status = 회전하는 블럭모양

블럭 1. type = 1~7 2. status =1~2, 1~4 블럭위치 지정하여 색바꾸기 방향키 콘솔에 출력해보기 방향키 움직이는대로 배경색바꾸기 선생님코드 테트리스 var i = 2; var j = 1; function myrender(){ var tds = document.querySelectorAll("td"); for(var ii=0;ii { if(e.code == "ArrowUp"){ i--; } if(e.code == "ArrowDown"){ i++; } if(e.code == "ArrowLeft"){ j--; } if(e.code == "ArrowRight"){ j++; } myrender() } );

제이쿼리 발생배경 -> 먼저 웹표준과 웹접근성에 대해 알아야함. 웹표준 여러 브라우저나 기기에서도 다 돌리기 가능(동일한 내용 확인가능) 웹에서 표준적으로 사용되는 기술 또는 규칙 표준화 단체 W3C가 권고한 표준안에 따라 웹사이트 작성시 이용하는 HTML, CSS, Java Script등에 대한 규정 웹접근성 장애인 등도 사용가능(모든 사용자가 신체적, 환경적 조건에 관계없아 웹에 접근 및 이용) 4대원칙 - 인식의 용이성 (Perceivable) 모든 콘텐츠는 사용자가 인식할 수 있어야 한다. (적절한 대체 텍스트 제공) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다. (자막 제공) 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 한다. (색에 무관한 콘..

※제이쿼리를 사용하기 위해서는 jquery.js 파일이 필요! 외부 링크를 걸거나(CDN방식) 다운로드하기! CDN(Content Delivery Network)이란? 웹 사이트의 접속자가 서버에서 콘텐츠를 다운받아야 할 때, 자동으로 가장 가까운 서버에서 다운받도록 하는 기술 1. jQuery.com CDN : 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : 다운로드 링크 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and man..