전체 글

[제이쿼리][자바스크립트] 영문만, 숫자만, 한글만 입력.

/* 2018 03 29 추가*/ // 한글 영어만 $(".name_blank input").keyup(function(event) { if (!(event.keyCode >= 37 && event.keyCode >>>> 상단 빨간색 정규식 부분을 기호에 맞추 수정하면 된다. 숫자만: 영문만: 영문,숫자만: 한글만: keyCode: ############## 정규표현식 1. 확장문자 (: backslash) - s : 공백 문자(스페이스, 탭, 폼 피드, 라인 피드) - b : 단어의 경계 - B 이를 제외한 모든 문자 매칭 - d : 숫자 - D : 숫자가 아닌 문자 [^0-9] 와 동일 - w : 알파벳, 숫자로 된 문자, 밑줄 기호(_) [A-Za-z0-9] - W : w의 반대 문자 [^A-Za-..

[트윈맥스] 구문정리

기본 구문//TweenMax.to(target:Object, duration:Number, variables:Object):TweenMaxtarget : Object - 오브젝트 duration : Number - tween 시간 /(초)variables : Object - 객체의 모든 속성 VARIABLES delay : Number - 지연시간ease : Function - 따로 ease 클래스는 없나 봅니다. 상단에 fl.motion.easing.*; 한줄 추가 해주시고 Tween Class처럼 쓰면 됩니다. Default-Regular.easeOuteaseParams : Array - 직접 ease을 만들어서 쓸수 있습니다. 방정식이 있겠죠? 전 패스;;;autoAlpha : Number - 그냥..

[CSS] animation02

CSS3_animation02 # Transitions - 객체가 기존에 가지고 있던 속성의 다른 값으로 변할 때만 표현된다.- 페이지가 로드되면서 자동으로 시작되지 않는다. :hover와 같은 가상 클래스 선택자 혹은, 자바스크립트의 onclick 이벤트 따위의 부수적인 액션에 의해 발동된다. - transition-property : 효과를 적용할 속성들을 나열한다. 2개이상일 경우에는 쉼표로 구분.- transition-duration : 효과의 지속 시간을 표기. 1s는 1초이다.- transition-timing-function : 변화의 시작과 끝 타이밍을 정의한다.- transition-delay : 효과의 지연시간을 정의한다. 만일 3초로 설정했다면, 페이지가 로드되고 나서 3초 후에 효과..

[CSS] animation

CSS3_animation # 2D Transforms - 움직임에 대한 속성이 아니라, 객체의 모양을 정의해주는 속성.- 기존 객체의 위치, 크기, 회전각, 기울기 따위를 지정할 수 있다.- 하지만 여기에 움직임 즉, 애니메이션은 포함되어 있지 않다. * 2D Transforms 메소드 - translate(x, y) : 객체의 위치르 가로(x), 세로(y) 방향을 정의하여 이동시킨다.- translateX(n) : 객체의 위치를 가로 방향으로만 이동시킨다.- translateY(n) : 객체의 위치를 세로 방향으로만 이동시킨다. - scale(x, y) : 객체의 크기를 늘이거나 줄일 수 있다. (x는 너비, y는 높이 = 0부터 1까지 ) ex) scale(2, 0.5)를 적용했을 때는 너비 200..

[자바스크립트] 연산자

[JS] 자바스크립트 강좌(4) #각종 연산자들 수학에서 더하고 빼고 나누고 곱하는 것들은 기본적으로 알고 계실 것입니다. 하지만 도대체 이것들을 어디에다가 써야 하나, 수학은 왜 배우지? 하는 의문을 가지신분들도 계실겁니다. 저의 경우 수학의 배움의 의미를 잘 몰랐기 때문에 흥미를 못느꼈던 사람중에 하나입니다. 하지만 프로그래머가 된다는 것은 수학과 밀접한 관련이있습니다. 수학을 잘 못한다면 좋은 프로그래머가 될 수 없다고 할 수 있습니다. 때문에 이번회에서 다룰 연산자는 수학의 도구라고 말 할 수 있으며 중요한 단원이라고 할 수 있으니 주의깊게 봐주시기 바랍니다. [1] 연산자의 종류 산술연산자 +, -, *, /, % 증가/감소연산자 ++, -- 대입연산자 +=, -=, *=, /=, %=, >>=..