본문 바로가기

자바스크립트5

GSAP 웹 고성능 애니메이션 JS 라이브러리 GSAP은 GreenSock Animation Platform의 약자로, 웹에서 고성능 애니메이션을 만들기 위한 자바스크립트 라이브러리이다. HTML, SVG, CSS, 캔버스 요소 등을 포함한 다양한 웹 요소를 부드럽고 정교하게 애니메이션화할 수 있게 설겨되었다. 성능, 사용 용이성, 브라우저 호환성이 뛰어나다.  GSAP는 애니메이션 프레임을 최적화하여 CPU와 GPU를 효율적으로 활용한다. CSS 애니메이션보다 더 부드럽고 안정적인 결과를 제공하고, 모바일에서도 잘 작동한다.  간단한 이동 애니메이션부터 복잡한 타임라인 기반 시퀀스까지, 다양한 애니메이션 작업을 지원한다.  ScrollTrigger, Draggable, MorphSVG 같은 플러그인을 통해 추가 기능을 쉽게 확장할 수 있다.  직관.. 2025. 3. 7.
화살표 함수 Arrow Function 화살표 함수는 익명함수이다.기존의 익명함수를 매우 간단하게 한줄로 표현할 수 있다.  화살표 함수 작성하는 순서 기억법 1) 코드로 한줄로 바꾼다. 2) function 삭제, { } 삭제, 삭제한 { 위치에 => 를 작성한다. 3) return 을 삭제한다. // Arrow Function// always anonymousconst simplePrint = function(){ console.log('simplePrint');});const simplePrint = () => console.log('simplePrint');const add = function(a, b){ retrun a + b;};const add = (a, b) => a + b;const simpleMultiply = (a, b.. 2021. 1. 15.
자바스크립트 내부객체 Array 배열 내부 객체 사용은 인스턴스를 만들어 사용해야 한다. 1. Array 배열 객체하나의 변수가 여러개의 데이터를 가지고 있어 호출하는 경우 [ ] 기호를 사요애 배열 데이터의 원소 번호를 입력한다.Array = data[0], data[1], data[2] ..... data[n] Array 객체의 사용 형식은 아래 2가지로 선언할 수 있다.ardata = new Array([배열의 수]); 또는 ardata = new Array("사과","오렌지","포도"); ardata[0] 의 값은 사과, ardata[1]의 값은 오렌지  속성 Porperty 정리Date 객체의 속성에는 다음과 같은 것이 있다.constructor : 객체를 만들어낸 함수 원형의 형식을 가지고 있는 속성index :  정규 표현식에 .. 2019. 10. 10.
자바스크립트 객체 사용 방법 1. 객체 속성 값 변경[객체 이름].[속성 이름]=[변경할 값]document.form1.A.value = Val;2. 객체 함수의 사용 [결과 값] = [객체 이름].[함수 이름]var str = data.substr(1, 3);3. with 연산자 사용이 연산자를 사용하면 객체 속성, 함수 사용이 좀 더 편리해 진다. 일일이 객체 이름에 속성 또는 함수 이름까지 길게 나열하지 않고, with 연산자를 사용하면 속성 또는 함수 이름만으로 사용할 수 있다. with(객체 이름){ [실행 코드] }with(document.form){ A = name.value; } 2019. 10. 10.
자바스크립트 객체 종류 6가지 자바스크립 객체 종류 1. 내부 객체Array, Boolean, Date, String, Math, Number2. 브라우저 객체Navigator, window, Document, Frame, Location, History3. 문서 객체Layer, Link, Image, Form, Anchor, Applet, Area, Plugin4. 폼 객체Text Field, Button, Radio, Checkbox, Select, Hidden, FileUpload5. 네비게이트 객체Text Field, Button, Radio, Checkbox, Select, Hidden, FileUpload6. 사용자 정의 객체Object (사용자가 객체를 선언하여 만드는 객체) 2019. 10. 10.

티스토리툴바