본문 바로가기

Webstoryboy

Category

Explanation

전체 글

(864)
[JavaScript] .scrollTo() [JavaScript] .scrollTo() .scrollTo() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. .scrollTo() .scrollTo() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. 문법(Syntax) window.scrollTo() 정의(Definition) .scrollTo() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. 참고(Reference) MDN
[JavaScript] .scrollBy() [JavaScript] .scrollBy() .scrollBy() 메서드는 윈도우 스크롤의 위치를 스크롤 위치를 기준으로 이동합니다. .scrollBy() .scrollBy() 메서드는 윈도우 스크롤의 위치를 스크롤 위치를 기준으로 이동합니다. 문법(Syntax) window.scrollBy() 정의(Definition) .scrollBy() 메서드는 윈도우 스크롤의 위치를 스크롤 위치를 기준으로 이동합니다. 참고(Reference) MDN
[JavaScript] .scroll() [JavaScript] .scroll() .scroll() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. .scroll() .scroll() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. 문법(Syntax) window.scroll() 정의(Definition) .scroll() 메서드는 윈도우 스크롤의 위치를 특정 위치로 이동합니다. 참고(Reference) MDN
[JavaScript] .resizeTo() [JavaScript] .resizeTo() .resizeTo() 메서드는 윈도우 창의 크기를 특정 크기로 조절합니다. .resizeTo() .resizeTo() 메서드는 윈도우 창의 크기를 특정 크기로 조절합니다. 문법(Syntax) window.resizeTo() 정의(Definition) .resizeTo() 메서드는 윈도우 창의 크기를 특정 크기로 조절합니다. 참고(Reference) MDN
[JavaScript] .resizeBy() [JavaScript] .resizeBy() .resizeBy() 메서드는 윈도우 창의 크기를 현재 크기를 기준으로 조절합니다. .resizeBy() .resizeBy() 메서드는 윈도우 창의 크기를 현재 크기를 기준으로 조절합니다. 문법(Syntax) window.resizeBy() 정의(Definition) .resizeBy() 메서드는 윈도우 창의 크기를 현재 크기를 기준으로 조절합니다. 참고(Reference) MDN
[JavaScript] .print() [JavaScript] .print() .print() 메서드는 현재 창의 콘텐츠 부분을 프린트합니다. .print() .print() 메서드는 현재 창의 콘텐츠 부분을 프린트합니다. 문법(Syntax) window.print() 정의(Definition) .print() 메서드는 현재 창의 콘텐츠 부분을 프린트합니다. 참고(Reference) MDN
[JavaScript] .open() [JavaScript] .open() .open() 메서드는 새창을 열어줍니다. .open() .open() 메서드는 새창을 열어줍니다. 문법(Syntax) window.open() 정의(Definition) .open() 메서드는 새창을 열어줍니다. 참고(Reference) MDN
[JavaScript] .moveTo() [JavaScript] .moveTo() .moveTo() 메서드는 윈도우 창의 위치를 특정 위치로 이동시킬 때 사용합니다. .moveTo() .moveTo() 메서드는 윈도우 창의 위치를 특정 위치로 이동시킬 때 사용합니다. 문법(Syntax) window.moveTo() 정의(Definition) .moveTo() 메서드는 윈도우 창의 위치를 특정 위치로 이동시킬 때 사용합니다. 참고(Reference) MDN
[JavaScript] .moveBy() [JavaScript] .moveBy() .moveBy() 메서드는 윈도우 창의 위치를 현재 위치를 기준으로 이동합니다. .moveBy() .moveBy() 메서드는 윈도우 창의 위치를 현재 위치를 기준으로 이동합니다. 문법(Syntax) window.moveBy() 정의(Definition) .moveBy() 메서드는 윈도우 창의 위치를 현재 위치를 기준으로 이동합니다. 참고(Reference) MDN
[JavaScript] .focus() [JavaScript] .focus() .focus() 메서드는 현재 윈도우로 포커스를 설정합니다. .focus() .focus() 메서드는 현재 윈도우로 포커스를 설정합니다. 문법(Syntax) window.focus() 정의(Definition) .focus() 메서드는 현재 윈도우로 포커스를 설정합니다. 참고(Reference) MDN
[JavaScript] .close() [JavaScript] .close() .close() 메서드는 현재 윈도우를 닫습니다. .close() .close() 메서드는 현재 윈도우를 닫습니다. 특징 설명 반환값(returns) undefined 문법(Syntax) window.clearTimeout() 정의(Definition) .close() 메서드는 현재 윈도우를 닫습니다. 참고(Reference) MDN
[JavaScript] .clearTimeout() [JavaScript] .clearTimeout() .clearTimeout() 메서드는 일정 시간 후 함수를 한 번 실행(setTimeout())하는 것을 중지합니다. .clearTimeout() .clearTimeout() 메서드는 일정 시간 후 함수를 한 번 실행(setTimeout())하는 것을 중지합니다. 특징 설명 반환값(returns) undefined 문법(Syntax) window.clearTimeout() 정의(Definition) .clearTimeout() 메서드는 일정 시간 후 함수를 한 번 실행(setTimeout())하는 것을 중지합니다. 참고(Reference) MDN
[JavaScript] .clearInterval() [JavaScript] .clearInterval() .clearInterval() 메서드는 일정 시간마다 함수를 반복(setInterval())하는 것을 중지합니다. .clearInterval() .clearInterval() 메서드는 일정 시간마다 함수를 반복(setInterval())하는 것을 중지합니다. 특징 설명 반환값(returns) undefined 문법(Syntax) window.clearInterval() 정의(Definition) .clearInterval() 메서드는 일정 시간마다 함수를 반복(setInterval())하는 것을 중지합니다. 참고(Reference) MDN
[JavaScript] .blur() [JavaScript] .blur() .blur() 메서드는 현재 윈도우의 포커스를 없애줍니다. .blur() .blur() 메서드는 현재 윈도우의 포커스를 없애줍니다. 문법(Syntax) Window.blur() 정의(Definition) .blur() 메서드는 현재 윈도우의 포커스를 없애줍니다.
string.prototype.trim() trim() trim() 메서드는 문자열의 앞뒤 공백을 제거합니다. 원래 문자열을 수정하지 않고, 새 문자열을 반환합니다. trim() trim() 메서드는 문자열의 앞뒤 공백을 제거합니다. 특징 설명 버전(version) ES5 결과값(return) 문자열 사용성 ★★★☆☆ 문법(Syntax) "문자열".trim() //대문자 변경하기 let result = " javascript reference ".trim(); //javascript reference let result = " 자바스크립트 레퍼런스 ".trim(); //자바스크립트 레퍼런스 let result = " javascript reference ".replace(/^\s+|\s+$/gm,''); //javascript reference ..
string.prototype.toUpperCase() toUpperCase() toUpperCase() 메서드는 문자열을 대문자로 설정합니다. toUpperCase() toUpperCase() 메서드는 문자열을 대문자로 설정합니다. 특징 설명 버전(version) ES1 결과값(return) 문자열 사용성 ★★★☆☆ 문법(Syntax) "문자열".toUpperCase() //대문자 변경하기 let result = "javascript reference".toUpperCase(); //JAVASCRIPT REFERENCE 문자열(string) : 문자열을 설정합니다. 정의(Definition) toUpperCase() 메서드는 문자열을 대문자로 설정합니다. toUpperCase() 메서드는 문자열은 원본 문자열을 변경하지 않습니다. toUpperCase() ..
string.prototype.toLowerCase() toLowerCase() toLowerCase() 메서드는 문자열을 소문자로 설정합니다. toLowerCase() toLowerCase() 메서드는 문자열을 소문자로 설정합니다. 특징 설명 버전(version) ES1 결과값(return) 문자열 사용성 ★★★☆☆ 문법(Syntax) "문자열".toLowerCase() //대문자 변경하기 let result = "JAVASCRIPT REFERENCE".toUpperCase(); //javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition) toLowerCase() 메서드는 문자열을 소문자로 설정합니다. toLowerCase() 메서드는 문자열은 원본 문자열을 변경하지 않습니다. toLowerCase() ..
string.prototype.substring() substring() substring() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. 원래 문자열을 변경되지 않으며, slice() 메서드는 시작값이 끝나는 값보다 크면 값을 추출할 수 없지만, substring() 메서드는 시작 값이 끝나는 값보다 크면 인수가 교환되어 값을 추출합니다. substring() substring() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".substring(시작 위치) "문자열".substring(시작 위치, 끝나는 위치) "javascript reference..
string.prototype.substr() substr() substr() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. substr() substr() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 문자열(string) 사용성 ☆☆☆☆☆ 문법(Syntax) "문자열".substr(시작 위치) "문자열".substr(시작 위치, 길이) "javascript reference".substr(0) //javascript reference "javascript reference".substr(1) //avascript reference "javascript reference".substr(2) //vascript re..
string.prototype.startsWith() startsWidth() startsWidth() 메서드는 시작하는 문자열에서 문자열을 검색하여 불린(true, false)을 반환합니다. startsWidth() startsWidth() 메서드는 시작하는 문자열에서 문자열을 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".startsWidth(검색 문자열) "문자열".startsWidth(검색 문자열, 위치값) "javascript reference".startsWith('javascript') //true "javascript reference".startsWith('j') //..
string.prototype.split() split() split() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환합니다. split() split() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 배열(array) 사용성 ★★★★☆ 문법(Syntax) "문자열".split(구분자) "문자열".split(구분자, 제한) const str1 = "javascript reference"; const currentStr1 = str1.split(''); // ['j','a','v','a','s','c','r','i','p','t','','r','e','f','e','r','e','n','c','e'] const currentStr2 = st..
string.prototype.search() search() search() 메서드는 문자열(정규식)을 검색하고 위치값(숫자)을 반환합니다. search() search() 메서드는 문자열(정규식)을 검색하고 위치값(숫자)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 숫자(index) or -1 사용성 ★★★☆☆ 문법(Syntax) "문자열".search(검색값) "문자열".search(정규식 표현) "javascript reference".search('javascript') //0 "javascript reference".search('reference') //11 "javascript reference".search('r') //6 "javascript reference".search..
string.prototype.padStart() padStart() padStart() 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. padStart() padStart() 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES8 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".padStart(길이) "문자열".padStart(길이, 문자열) "456".padStart(1, '0'); //456 "456".padStart(4, '0'); //0456 "456".padStart(5, '0'); //00456 "456".padStart(6, '1'); //111456 "456".padStart..
string.prototype.replace() replace() replace() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환합니다. replace() replace() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 배열(array) 사용성 ★★★☆☆ 문법(Syntax) "문자열".replace(찾을 문자열) "문자열".replace(찾을 문자열, 변경할 문자열) "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열) "javascript reference".replace('javascript', '자바스크립트') //자바스크립트 reference "javascript reference".replace('e',..
string.prototype.repeat() repeat() repeat() 메서드는 문자열을 복사하여, 복사한 문자열을 반환합니다. repeat() repeat() 메서드는 문자열을 복사하여, 복사한 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES6 결과값(return) 배열(array) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".repeat(숫자) "javascript reference".repeat(0); //'' "javascript reference".repeat(1); //javascript reference "javascript reference".repeat(2); //javascript referencejavascript reference 문자열(string) : 문자열을 설정합니다. 숫..
string.prototype.padEnd() padEnd() padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. padEnd() padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String 버전(version) ES8 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".padStart(길이) "문자열".padStart(길이, 문자열) "456".padStart(1, '0'); //456 "456".padStart(4, '0'); //4560 "456".padStart(5, '0'); //45600 "456".padStart(6, '1'); //456111 "456".padStart(6, '12'..
[JavaScript] .normalize() [JavaScript] .normalize() .normalize() 메서드는 문자열에서 유니코드를 따라 정규화된 형태로 반환합니다. .normalize() .normalize() 메서드는 문자열에서 유니코드를 따라 정규화된 형태로 반환합니다. 특징 설명 반환값(returns) 문자열 문법(Syntax) String.normalize() 정의(Definition) .normalize() 메서드는 문자열에서 유니코드를 따라 정규화된 형태로 반환합니다. 참고(Reference) MDN
string.prototype.match() match() match() 메서드는 문자열(정규식)을 검색하고 문자값(배열)을 반환합니다. match() match() 메서드는 문자열(정규식)을 검색하고 문자값(배열)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES1 결과값(return) 배열(array) 사용성 ★★★☆☆ 문법(Syntax) "문자열".match(검색값) "문자열".match(정규식 표현) "javascript reference".match('javascript') //javascript "javascript reference".match('reference') //reference "javascript reference".match('r') //r "javascript reference".match..
[JavaScript] .localeCompare() [JavaScript] .localeCompare() .localeCompare() 메서드는 기준 문자열과 비교했을 때 비교 대상 문자열의 정렬상태를 알려줍니다. .localeCompare() .localeCompare() 메서드는 기준 문자열과 비교했을 때 비교 대상 문자열의 정렬상태를 알려줍니다. 특징 설명 반환값(returns) 음수 or 양수 문법(Syntax) String.localeCompare() 정의(Definition) .localeCompare() 메서드는 기준 문자열과 비교했을 때 비교 대상 문자열의 정렬상태를 알려줍니다. 참고(Reference) MDN
string.prototype.endsWith() endsWith() endWidth() 메서드는 끝나는 문자열에서 문자열을 검색하여 불린(true, false)을 반환합니다. endsWith() endWidth() 메서드는 끝나는 문자열에서 문자열을 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".endsWith(검색 문자열) "문자열".endsWith(검색 문자열, 시작 위치값) "javascript reference".endsWith('reference') //true "javascript reference".endsWith('e') //true "javascript refer..
1 2 3 4 5 6 7 ··· 29