본문 바로가기

Webstoryboy

Category

Explanation

전체 글

(864)
[Javascript] .confirm() [JavaScript] .confirm() .confirm() 메서드는 확인 창을 표시합니다. .confirm() .confirm() 메서드는 확인 창을 표시합니다. 특징 설명 반환값(returns) 불린(Broolen) 문법(Syntax) window.alert("내용") 내용 : 확인 창에 표시할 문자열을 설정합니다. 정의(Definition) .confirm() 메서드는 확인 창을 표시합니다. 확인 창에는 확인과 취소 버튼이 표시되며, 확인은 true, 취소는 false를 반환합니다. 참고(Reference) MDN
[Javascript] .alert() [JavaScript] .alert() .alert() 메서드는 경고창을 표시합니다. .alert() .alert() 메서드는 경고창을 표시합니다. 특징 설명 반환값(returns) 없음 문법(Syntax) window.alert("내용") 내용 : 경고창에 표시할 문자열을 설정합니다. 정의(Definition) .alert() 메서드는 경고창을 표시합니다.
string.prototype.concat() concat() concat() 메서드는 둘 이상의 문자열을 결합하여 새로운 문자열을 반환합니다. concat() concat() 메서드는 둘 이상의 문자열을 결합하여 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".concat(문자열, 문자열,....) 'javascript'.concat('reference') //javascriptreference 'javascript'.concat(' ', 'reference') //javascript reference 'javascript'.concat(', ', 'reference') //javascript, referenc..
[JavaScript] .appendChild() [JavaScript] .appendChild() .appendChild()는 선택한 요소 마지막 위치에 새로운 요소를 추가합니다. .appendChild() 는 선택한 요소 마지막 위치에 새로운 요소를 추가합니다. 문법(Syntax) 요소.appendChild("요소") 정의(Definition) .appendChild()는 메소드는 선택한 요소 마지막 위치에 새로운 요소를 추가합니다. 참고(Reference) MDN
[Javascript] 프로토타입 함수 프로토타입 함수 프로토타입을 사용하여 생성된 객체를 공유할 수 있습니다. 프로토타입 함수 프로토타입을 사용하여 생성된 객체를 공유할 수 있습니다. function 함수명(매개변수1, 매개변수2,.........){ this.속성명 = 새 값; } 함수명.prototype.함수명 = function(){ 자바스크립트 코드; } let 참조 변수(인스턴스 네임) = new 함수명(); Sample1 객체를 생성하는 예제입니다. 결과 이름: 웹쓰, 키: 174, 몸무게: 90,살좀 빼세요~~. html
[Javascript] 객체 생성자 함수 객체 생성자 함수 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성합니다. 객체 생성자 함수 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성합니다. function 함수명(매개변수1, 매개변수2,......){ this.속성명 = 새 값; this.함수명 = function(){ //자바스크립트 실행 코드 } } let 참조 변수(인스턴스 네임) = new 함수명(); //객체 생성 let 참조 변수 = {속성: 새 값, 함수명 : function(){........}} Sample1 객체를 생성하는 예제입니다. 결과 이름: 웹쓰, 키: 174, 몸무게: 90,살좀 빼세요~~. html
[Javascript] arguments 함수 arguments 함수 arguments 함수는 매개변수를 사용하는 것처럼 사용할 수 있습니다. arguments 함수 arguments 함수는 매개변수가 없는 상태에서 데이터를 전달하여 함수를 호출하면 그 값은 배열에 저장됩니다. 그 값을 arguments라는 변수로 참조합니다. function 함수명(){ arguments; } 함수명(데이터1, 데이터2, ......); //함수 호출 Sample1 함수를 사용하는 기본 예제입니다. 결과 600 600 600 html
[Javascript] clientX clientX 마우스의 X좌표값을 반환합니다. clientX clientX는 브라우저를 기준으로 마우스의 X좌표값을 반환합니다. 스크롤을 무시하고 현재 보이는 화면을 기준으로 좌표값을 반환합니다. MouseEvent.clientY 비교(Compare) clientX : 브라우저를 기준으로 마우스의 X좌표값을 반환합니다. clientY : 브라우저를 기준으로 마우스의 Y좌표값을 반환합니다. offsetX : 이벤트 요소를 기준으로 마우스의 X좌표값을 반환합니다. offsetY : 이벤트 요소를 기준으로 마우스의 Y좌표값을 반환합니다. pageX : 문서 전체를 기준으로 마우스의 X좌표값을 반환합니다. pageY : 문서 전체를 기준으로 마우스의 Y좌표값을 반환합니다. screenX : 모니터 화면을 기준으..
[GSAP] .paused() [GSAP] .paused() .paused()는 애니메이션이 현재 일시 중지되었는지 여부를 나타냅니다. 일시 중지 상태를 가져오거나 설정할 수 있습니다. .paused() .paused()는 애니메이션이 현재 일시 중지되었는지 여부를 나타냅니다. 특징 설명 반환값(returns) 불린값(Boolean) 또는 자신값(self) 문법(Syntax) .paused(불린); 불린(Boolean) : 기본값(false) : 일시 중시 상태는 true로 설정합니다.. 정의(Definition) .paused()는 애니메이션이 현재 일시 중지되었는지 여부를 나타냅니다. .paused()는 애니메이션의 일시 중지 상태를 가져 오거나 설정 할 수 있습니다. 이것은 부모의 타임 라인을 고려하지 않습니다. 참고(Refe..
[GSAP] .pause() [GSAP] .pause() .pause()는 애니메이션을 일시정지 합니다. .pause() .pause()는 애니메이션을 일시정지 합니다.. 특징 설명 반환값(returns) 자신값(self) 문법(Syntax) .pause(숫자, 불린); 숫자(atTime) : 애니메이션의 정지 시간을 설정합니다. 불린(suppressEvents) : 기본값(true) : 새로운 애니메이션이 시작될 때 콜백되지 되지 않습니다. 정의(Definition) .pause()는 애니메이션을 일시정지 합니다. 참고(Reference) GSAP
[GSAP] .kill() [GSAP] .kill() .kill()는 애니메이션을 종료합니다. 매개 변수에 따라 전체 또는 일부를 종료시킬 수 있습니다. .kill() .kill()는 애니메이션을 종료합니다. 특징 설명 반환값(returns) 자신값(self) 정의(Definition) .kill()는 애니메이션을 종료합니다. 매개 변수에 따라 전체 또는 일부를 종료시킬 수 있습니다. .kill()는 애니메이션에서 특정 대상만 종료하려면 첫 번째 매개 변수를 사용합니다. 애니메이션을 다시 사용할 경우 .kill() 메서드를 사용하지 말고 .pause() 메서드를 사용합니다. 참고(Reference) GSAP
[GSAP] .iteration() [GSAP] .iteration() .iteration()는 애니메이션의 반복 횟수를 설정합니다. 반복 횟수를 가져올 수도 있으며, 설정도 가능합니다. .iteration() .iteration()는 애니메이션의 반복 횟수를 설정합니다. 특징 설명 반환값(returns) 반복횟수(Number) 정의(Definition) .iteration()는 애니메이션의 반복 횟수를 설정합니다. .iteration()는 반복 횟수를 설정하면 애니메이션이 반복적으로 작동합니다. 참고(Reference) GSAP
[GSAP] .play() [GSAP] .play() .play()는 애니메이션의 재생을 정의합니다. .play() .play()는 애니메이션의 재생을 정의합니다. 특징 설명 반환값(returns) 자신값(self) 문법(Syntax) .pause(숫자, 불린); 숫자(atTime) : 애니메이션의 재생 시간을 설정합니다. 불린(suppressEvents) : 기본값(true) : 새로운 애니메이션이 시작될 때 콜백되지 않습니다. 정의(Definition) .play()는 애니메이션의 재생을 정의합니다. 참고(Reference) GSAP
[GSAP] .progress() [GSAP] .progress() .progress()는 애니메이션의 진행률을 정의합니다. .progress() .progress()는 애니메이션의 진행률을 정의합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(self) 문법(Syntax) .progress(숫자, 불린); 숫자(atTime) : 애니메이션의 진행 시간을 설정합니다. 불린(suppressEvents) : 기본값(false) : 새로운 애니메이션이 시작될 때 콜백 되지 않습니다. 정의(Definition) .progress()는 애니메이션의 진행률을 정의합니다. 참고(Reference) GSAP
[GSAP] .repeat() [GSAP] .repeat() .repeat()는 애니메이션의 반복을 정의합니다. .repeat() .repeat()는 애니메이션의 반복을 정의합니다. 특징 설명 반환값(returns) 반복 횟수(Number) 또는 자신값(Self) 문법(Syntax) .repeat(숫자); 숫자(Number) : 애니메이션의 반복 횟수를 설정합니다. 정의(Definition) .repeat()는 애니메이션이 끝나고 반복해야하는 횟수를 가져오거나 설정합니다. .repeat(1)이면 두번 재생이 되고, .repeat(-1)이면 무한 반복합니다. .repeat()에는 정수만 사용할 수 있습니다. 애니메이션을 연속적으로 반복 실행하려면 yoyo를 true로 설정하면 됩니다. 참고(Reference) GSAP
[GSAP] .repeatDelay() [GSAP] .repeatDelay() .repeat()는 애니메이션의 반복되는 시간을 정의합니다. .repeatDelay() .repeatDelay()는 애니메이션의 반복되는 시간을 정의합니다. 특징 설명 반환값(returns) 반복 횟수(Number) 또는 자신값(Self) 문법(Syntax) .repeatDelay(숫자); 숫자(Number) : 애니메이션의 지연 시간을 설정합니다. 정의(Definition) .repeatDelay()는 애니메이션 반복 사이의 시간을 가져오거나 설정합니다. 예를 들어 repeat가 2이고 repeatDelay가 1이면 애니메이션이 처음에 재생 된 다음 반복되기 전에 1초 동안 기다립니다. 참고(Reference) GSAP
[GSAP] .restart() [GSAP] .restart() .restart()는 애니메이션을 처음부터 다시 시작합니다. .restart() .restart()는 애니메이션을 처음부터 다시 시작합니다. 특징 설명 반환값(returns) 자신값(Self) 문법(Syntax) .restart(불린, 불린); 불린(includeDelay) : 기본값(false) : 애니메이션 다시 시작할 때 지연이 필요한 경우 true를 설정합니다. 불린(suppressEvents) : 기본값(true) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .restart()는 애니메이션을 처음부터 다시 시작합니다. 참고(Reference) GSAP
[GSAP] .resume() [GSAP] .resume() .resume()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. .resume() .resume()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. 특징 설명 반환값(returns) 자신값(Self) 정의(Definition) .resume()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. 참고(Reference) GSAP
[GSAP] .reverse() [GSAP] .reverse() .reverse()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. .reverse() .reverse()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. 특징 설명 반환값(returns) 자신값(Self) 문법(Syntax) .reverse(숫자, 불린); 숫자(from) : 기본값(null) : 애니메이션이 역방향으로 재생되는 시작 시간 불린(suppressEvents) : 기본값(true) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .reverse()는 애니메이션 방향을 바꾸지 않고 재생을 다시 시작합니다. 참고(Reference) GSAP
[GSAP] .reversed() [GSAP] .reversed() .reversed()는 애니메이션을 뒤로 재생해야하는지 여부를 가져오거나 설정합니다. .reversed() .reversed()는 애니메이션을 뒤로 재생해야하는지 여부를 가져오거나 설정합니다. 특징 설명 반환값(returns) 자신값(Self) 또는 불린(Boolean) 문법(Syntax) .reverse(불린); 불린(Boolean) : 기본값(false) : true을 설정하면 방향을 반전으로 설정합니다. 정의(Definition) .reversed()는 애니메이션을 뒤로 재생해야하는지 여부를 가져오거나 설정합니다. .reversed()는 yoyo 반복의 영향을 받지 않으며 상위 타임라인의 반전 된 상태를 고려하지 않습니다. 참고(Reference) GSAP
[GSAP] .seek() [GSAP] .seek() .seek()는 애니메이션을 특정 시간으로 이동합니다. .seek() .seek()는 애니메이션을 특정 시간으로 이동합니다. 특징 설명 반환값(returns) 자신값(Self) 문법(Syntax) .seek(시간, 이벤트); 시간(time) : 이동할 시간을 설정합니다. 이벤트(suppressEvents) : 기본값(true) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .seek()는 애니메이션을 특정 시간으로 이동합니다. 참고(Reference) GSAP
[GSAP] .startTime() [GSAP] .startTime() .startTime()는 애니메이션이 부모 타임라인에서 시작되는 시간을 가져오거나 설정합니다. .startTime() .startTime()는 애니메이션이 부모 타임라인에서 시작되는 시간을 가져오거나 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .startTime(시간); 시간(number) : 시작시간을 설정합니다.. 정의(Definition) .startTime()는 애니메이션이 부모 타임라인에서 시작되는 시간을 가져오거나 설정합니다 참고(Reference) GSAP
[GSAP] .targets() [GSAP] .targets() .targets()는 애니메이션이 속성을 적용할 대상을 설정합니다. .targets() .targets()는 애니메이션이 속성을 적용할 대상을 설정합니다. 정의(Definition) .targets()는 애니메이션이 속성을 적용할 대상을 설정합니다. 참고(Reference) GSAP
[GSAP] .then() [GSAP] .then() .then() 메서드는 애니메이션 완료 후 promise를 반환합니다. .then() .then() 메서드는 애니메이션 완료 후 promise를 반환합니다. 특징 설명 반환값(returns) 콜백함수(Promise) 문법(Syntax) .then(콜백함수); 콜백함수(Promise) : 애니메이션 완료 후 promise를 반환합니다. 정의(Definition) .then() 메서드는 애니메이션 완료 후 promise를 반환합니다. 참고(Reference) GSAP
[GSAP] .time() [GSAP] .time() .time() 메서드는 애니메이션 재생 시간을 가져오거나 설정합니다. .time() .time() 메서드는 애니메이션 재생 시간을 가져오거나 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .time(시간, 이벤트); 시간(Number) : 애니메이션 완료 후 promise를 반환합니다. 이벤트(suppressEvents) : 기본값(false) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .time() 메서드는 애니메이션 재생 시간을 가져오거나 설정합니다. 참고(Reference) GSAP
[GSAP] .timeScale() [GSAP] .timeScale() .timeScale() 메서드는 애니메이션 재생 스피드 시간을 설정합니다. .timeScale() .timeScale() 메서드는 애니메이션 재생 스피드 시간을 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .time(숫자); 숫자(Number) : 재생 시간을 설정합니다. 정의(Definition) .timeScale() 메서드는 애니메이션 재생 스피드 시간을 설정합니다. 참고(Reference) GSAP
[GSAP] .totalDuration() [GSAP] .totalDuration() .totalDuration() 메서드는 반복되는 애니메이션을 포함하여 지속 시간을 가저오거나 설정합니다. .totalDuration() .totalDuration() 메서드는 반복되는 애니메이션을 포함하여 지속 시간을 가저오거나 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .totalDuration(숫자); 숫자(Number) : 전체 재생 시간을 설정합니다. 정의(Definition) .totalDuration() 메서드는 반복되는 애니메이션을 포함하여 지속 시간을 가저오거나 설정합니다. 참고(Reference) GSAP
[GSAP] .totalProgress() [GSAP] .totalProgress() .totalProgress() 메서드는 애니메이션은 전체 진행 상태를 설정합니다. 0에서 1로 애니메이션이 진행될 경우 0은 시작지점 1은 끝나는 지점 0.5는 중간 지점을 의미합니다. .totalProgress() .totalProgress() 메서드는 애니메이션은 전체 진행 상태를 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .totalProgress(숫자, 이벤트); 숫자(Number) : 전체 재생 시간을 설정합니다. 이벤트(suppressEvents) : 기본값(false) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .totalPro..
[GSAP] .totalTime() [GSAP] .totalTime() .totalTime() 메서드는 애니메이션의 전체 시간을 설정합니다. .totalTime() .totalTime() 메서드는 애니메이션의 전체 시간을 설정합니다. 특징 설명 반환값(returns) 숫자(Number) 또는 자신값(Self) 문법(Syntax) .totalProgress(숫자, 이벤트); 숫자(Number) : 전체 재생 시간을 설정합니다. 이벤트(suppressEvents) : 기본값(false) : 기본값이면 애니메이션이 끝난 후 이벤트나 콜백이 일어나지 않습니다. 정의(Definition) .totalTime() 메서드는 애니메이션의 전체 시간을 설정합니다. 참고(Reference) GSAP
[GSAP] .yoyo() [GSAP] .yoyo() .yoyo() 메서드는 애니메이션의 반복 여부를 설정합니다. .yoyo() .yoyo() 메서드는 애니메이션의 반복 여부를 설정합니다. 특징 설명 반환값(returns) 불린(Boolean) 또는 자신값(Self) 문법(Syntax) .yoyo(불린); 불린(Boolean) : 기본값(false) : 애니메이션 반복 여부를 설정합니다. 정의(Definition) .yoyo() 메서드는 애니메이션의 반복 여부를 설정합니다. 참고(Reference) GSAP