본문 바로가기

코딩/JAVASCRIPT

 (15)
[입문] TWEENMAX 트윈맥스 배우기 2 - 메서드 KEY METHODS- 기본 메서드 TweenMax.to : this 속성에서 지정한 속성까지 TweenMax.from : 지정한 속성에서 this 속성까지 TweenMax.fromTo : from에서 지정한 속성에서 to에서 지정한 속성까지 ex) TweenMax.fromTo(target, duration, {from vars}, {to vars}); TweenMax.allTo / TweenMax.allFrom : for문 없이 여러 target을 동시에 적용 기본 구문: TweenMax.allTo(targets:Array, duration:Number, vars:Object):Array ex) TweenMax.allTo([mc1, mc2, mc3, mc4, mc5], 1, {y:"100", alpha..
[입문] TWEENMAX 트윈맥스 배우기 1 - 기본 평소 CSS Transition, Animation으로 HTML 애니메이션 작업을 많이 하는 편이었는데, 이벤트성 페이지에선 작업이 많을경우 소스가 길어지는것도 있고 복잡해져 한계가 있다. jquery animation 역시 부드럽게 보이지 않을 때도 있으므로, 애니메이션 라이브러리인 TWEENMAX로 처리하는게 좋을것으로 판단하여 트윈맥스 공부를 시작하고자 사용법 포스팅을 시작하였다. 트윈맥스는 greensock 에서 만든 라이브러리로 https://greensock.com/ 위 사이트에 접속하여 다운을 받거나 cdn을 연결해주면 사용이 가능하다. - 기본 템플릿.to() 트윈맥스에서 가장 기본적으로 사용하는 것은 TweenMax.to() 이다. .to()는 일반적으로 .animate() 라고 생각하면..
JAVASCRIPT 공부 1. JQUERY와 함께 사용할때 [0] 을 붙이는 이유? $(element) = JQUERY$(element)[0] = JAVASCRIPT [0]을 붙여 자바스크립트 형태로 만드는 이유는 객체로 사용하기위함(ex : offset, length 등 자바스크립트 메서드를 사용해야할때 ) 2. 변수 = var elemant배열(ARRAY) = [ ]객체 = { } * 자료형 문자열(String) 문자열은 데이터에 문자를 저장하는 겁니다.var string = "string" // 큰 따옴표 var string2 = 'string' // 작은 따옴표 var string3 = "'string'" // 작은따옴표가 문자열에 들어있으면 큰따옴표로 감쌉니다. var string4 = '"string"' // 반대의 ..
[jquery] 이미지 파일명 숫자에 따른 애니메이션 효과 이미지 파일명을 숫자로 순서를 나누어애니메이션 효과를 표현해야하는 경우가 있다. 1. 파일명 변경 프로그램으로 파일명을 편하게 바꾸자 아래 파일을 다운로드 하세요. DarkNamer 8216.exe [변경취소] - 작업한 내용을 취소[목록지우기] - 드래그 한 파일 목록 지우기[직접바꾸기] - 파일 한개씩 입력한 파일명으로 변경[목록정렬] - 원하는 정렬순으로 정렬[경로명앞에] - 폴더이름을 파일이름 앞에 추가합니다.[경로명뒤에] - 폴더이름을 파일이름 뒤에 추가합니다.[경로통일] - 파일목록에 있는 파일들을 한 폴더명으로 통일합니다.[확장자삭제] - 확장자를 삭제합니다.[확장자추가] - 확장자를 입력한 글자로 추가합니다.[확장자변경] - 확장자를 변경합니다. 2. setInterval 을 응용하자 va..
모바일 아이프레임 이슈 이번 프로젝트 하면서 완전 질색한게 있으니 그건 바로 모바일 아이프레임 안드로이드만 해도 그나마 괜찮다. 크나큰거 아닌 이상 잘 불러와주니까..근데 복병은(아니, 어쩌면 항상) 바로 아이폰 ㅠ_ㅠ 이번에 겪으면서 느낀 아이프레임 이슈에 대해 다뤄보려고 한다. 1. 모바일 리사이즈 오류 (아이폰) 2. 모달창 높이 맞추기 (PC, 모바일 공통) 3. 모달창이 뜨지 않는 현상 (아이폰) 우리가 쓰고 있는 모달창(B-POPUP과 유사)은 현재 보고있는 해상도 창(window.height()) 값을 받아 가운데에 띄우게 해주는데,아이프레임에 들어가있을 경우 window값을 해당 문서의 윈도우 값이 아닌 링크 도메인의 윈도우 값으로 받아, 전체 문서 높이를 받게 된다. 4. 스크롤 이벤트가 되지 않는 현상 (아이..

티스토리툴바