머리가 나뻐서 삽질 SAP(Study And Programming)

제이쿼리에서 제공하는 다양한 메서드를 통해서 css의 위치값을 가져올 수 있지만, 직접 substring으로 Number를 가져와보자. var myX = $(".textImg0").css("left"); var myY = $(".textImg0").css("top"); console.log(myX ); // 750px var findIndexX = myX.indexOf("p"); var findIndexY = myY.indexOf("p"); var compleX = Number(myX.substring(0, findIndexX)); var compleY = Number(myY.substring(0, findIndexY)); console.log(compleX); //750 1 : myX, myY에 css..

.NET Framework 3.0 requestAnimationFrame 메서드는 시스템이 프레임을 그릴 준비가 되었을 때 애니메이션 프레임을 호출하여 애니메이션 웹 페이지를 만들 수 있는 더 유연하고 효율적인 방법을 제공합니다. 이 API 전에 setTimeout 및 setInterval을 사용하여 그린 애니메이션은 웹 개발자에게 애니메이션의 그래픽 타이머를 예약할 수 있는 효율적인 방법을 제공하지 않았습니다. 따라서 애니메이션이 과도하게 그려지고, CPU 주기가 낭비되었으며, 추가 전력이 사용되었습니다. 또한 웹 사이트가 보이지 않을 때, 특히 웹 사이트가 배경 탭의 페이지를 사용하거나 브라우저가 최소화된 경우에도 애니메이션이 종종 발생합니다. 애니메이션에서 10밀리초의 aJavaScript 타이머 ..

.NET Framework 3.0 requestAnimationFrame 메서드는 시스템이 프레임을 그릴 준비가 되었을 때 애니메이션 프레임을 호출하여 애니메이션 웹 페이지를 만들 수 있는 더 유연하고 효율적인 방법을 제공합니다. 이 API 전에 setTimeout 및 setInterval을 사용하여 그린 애니메이션은 웹 개발자에게 애니메이션의 그래픽 타이머를 예약할 수 있는 효율적인 방법을 제공하지 않았습니다. 따라서 애니메이션이 과도하게 그려지고, CPU 주기가 낭비되었으며, 추가 전력이 사용되었습니다. 또한 웹 사이트가 보이지 않을 때, 특히 웹 사이트가 배경 탭의 페이지를 사용하거나 브라우저가 최소화된 경우에도 애니메이션이 종종 발생합니다. 애니메이션에서 10밀리초의 aJavaScript 타이머 ..

기본적으로 document.write와 document.writeln은 같은기능을 한다. 단, 태그를 사용 했을때, 자동줄바꿈이 되느냐 안되느냐의 차이가 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 결과화면 여기서 주의할점은 14라인을 들여쓰기(띄어쓰기)하면 공백이 생긴다. 태그의 기본기능을 생각해보면 당연하긴 하다. 가령 아래14번 라인과 같이 "

null은 아무런 값도 나타내지 않는 특수한 값이다. null은 보통 객체 타입의 특수한 값, 어떠한 객체도 나타나지 않는 값으로 취급된다. null은 모든 다른 값들과 구분되는 고유한 값이다. 어떤 변수가 null이면 그 변수가 유효한 객체,배열,숫자,문자열 또는 불리언 값을 담고 있지 않는다. null은 불리언 문맥에선 false, 숫자 문맥에선 0, 문자열 문맥에선 "null"을 반환한다. undefined는 선언은 되었지만 값이 할당된 적이 없는 변수에 접근하거나, 존재하지 않는 객체 프로퍼티에 접근할 경우에반환되는 값이다. 이 특수한 undefined 값은 null과 동일하지 않다. undefined는 불리언 문맥에선 false, 숫자 문맥에선 NaN, 문자열 문맥에선 "undefined"로 변..

출처 http://deadfire.hihome.com/jscript/projscript003.html 2.1 console 객체 기존에 자바스크립트 코드를 디버깅하는 가장 단순한 방법은 바로 alert()을 사용하여 필요한 정보를 찍어보는 것이었다. alert()을 사용하는 방법은 훌륭하진 않지만, 간단히 사용할 수 있는 꽤 쓸만한 디버깅 방법이다. 다만, 일일이 확인 버튼을 클릭해 주는 일은 불편했던 것이 사실이다. 가끔 for루틴 안에 alert()을 넣고 돌리는 황당한 경험을 한두번씩 했을 것이다. 경험상, 디버깅시에 로그파일에 필요한 정보를 기록하게 되면 디버깅이 훨씬 쉬워진다. 여타 프로그래밍 언어들은 이러한 기능들을 지원하고 있다. 그 개념을 브라우저에서 실행되는 자바스크립를 위해 지원하는 것..

전체 초기화에는 크게 두가지 정도의 방법이 있다. 첫번째. 객체가 가진 각 타입의 항목별 길이만큼 for문으로 조회하여 쓰거나, 두번째. 선택자가 있을경우 선택된 요소 집합만큼 반복되는 함수인 each 메서드를 를 활용하여 체크해제를 할 수 있다. 1-1. for문을 이용한 체크해제 (non jQuery) var _input = document.getElementByTargetName("input"); for(var i=0; i

두가지 방법이있다. 방법1 : 태그의 속성 사용. oncontextmenu="return false" 이걸 이용하여 안드로이드 계열에서 저장되는 것 막음 style="-webkit-touch-callout:none" 이걸 이용하여 아이폰 계열에서 저장되는 것 막음 이렇게 처리하는것이 보편적임 방법2 : 자바스크립트 사용. ie 에서 : event.returnValue = false; 타브라우저에서 : event.preventDefaulr(); preventDefaulr(); event.preventDefault()Returns: undefined 제이쿼리API원문을 보면 다음과 같다. If this method is called, the default action of the event will not ..

function weaponOrganiser(){ alert("weapon test"); var weaponOrg = "Vector"; //G36C if(weaponOrg == "G36C"){ //$("#G36C").css('background-image', 'url("' + images/weapons/G36C/G36C.png + '")'); $('#G36C').css('background-image', 'url("/images/weapons/G36C/G36C.png")'); alert("G36C applied"); } else if(weaponOrg == "Vector"){ //$("#G36C").css('background-image', 'url("' + images/weapons/Vector/Vec..