본문 바로가기

Reference/JAVASCRIPT36

col 태그는 colgroup 요소에 속하는 각 열의 속성을 설정합니다. Reference/HTML 태그는 요소에 속하는 각 열의 속성을 설정합니다. by @webs 2022. 12. 6. 태그는 요소에 속하는 각 열의 속성을 설정합니다. 테이블 각 셀마다 속성을 주는 것보다, 요소에 일괄적으로 설정할 수 있습니다. 보통은 태그에 style 속성을 사용하여, 속성값을 주는 방법을 많이 사용합니다. 테이블은 테이터를 포함하는 셀의 행과 열로 구성된 정보표입니다. 예전에는 테이블을 이용해서 레이아웃을 표현한 적도 있지만, 웹표준을 준수해야 하는 현재는 테이블을 이용해서 레이아웃을 만드는 것은 적절하지 않습니다. 테이블을 쓰기 위해서는 즉 표를 만들기 위해서는 제목, 설명, 셀, 셀합치기, 표 구조, 셀 그룹 등 여러가지를 신경써야 합니다. 테이블은 제목을 표시하기 위해 을 사용하.. 2022. 12. 7.
offsetWidth 속성은 요소의 가로 값을 가져옵니다. Reference/Javascript offsetWidth 속성은 요소의 가로 값을 가져옵니다. by @webs 2022. 12. 02. offsetWidth offsetWidth 속성은 요소의 가로 값(보더/패딩 포함)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetWidth 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetWidth document.querySelector(".box").offsetWidth 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetWidth 속.. 2022. 12. 2.
offsetTop 속성은 요소의 Y축 위치 값을 가져옵니다. Reference/Javascript offsetTop 속성은 요소의 Y축 위치 값을 가져옵니다. by @webs 2022. 12. 02. offsetTop offsetTop 속성은 요소의 Y축 위치 값(문서 기준)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetTop 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★★☆☆ 문법(Syntax) HTMLElement.offsetTop document.querySelector(".box").offsetTop 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetTop 속성은 요소의 Y축 위.. 2022. 12. 2.
offsetLeft 속성은 요소의 X축 위치 값을 가져옵니다. Reference/Javascript offsetLeft 속성은 요소의 X축 위치 값을 가져옵니다. by @webs 2022. 12. 02. offsetLeft offsetLeft 속성은 요소의 X축 위치 값(문서 기준)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetLeft 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetLeft document.querySelector(".box").offsetLeft 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetLeft 속성은 요.. 2022. 12. 2.
offsetHeight 속성은 요소의 세로 값을 가져옵니다. Reference/Javascript offsetHeight 속성은 요소의 세로 값을 가져옵니다. by @webs 2022. 12. 02. offsetHeight offsetHeight 속성은 요소의 세로 값(보더/패딩 포함)을 가져옵니다. 데이터 값을 수정할 수 없고, 값만 가져올 수 있는 읽기 전용 속성입니다. 특징 설명 유형(type) HTMLElement.offsetHeight 버전(version) ES1 결과값(return) 정수(integer) 사용성 ★★☆☆☆ 문법(Syntax) HTMLElement.offsetHeight document.querySelector(".box").offsetHeight 요소(element) : 선택할 요소를 설정합니다. 정의(Definition) offsetH.. 2022. 12. 2.
clientLeft 속성은 요소의 X축 위치 값을 가져옵니다. Reference/Javascript clientLeft 속성은 요소의 X축 위치 값을 가져옵니다. by @webs 2022. 12. 02. clientLeft clientLeft 속성은 요소의 X축 위치 값(부모 기준)을 가져옵니다. 위치 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientLeft 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientLeft document.querySelector(".box").clientLeft 요소(element) : 선택할 요.. 2022. 12. 2.
clientTop 속성은 요소의 Y축 위치 값을 가져옵니다. Reference/Javascript clientTop 속성은 요소의 Y축 위치 값을 가져옵니다. by @webs 2022. 11. 17. clientTop clientTop 속성은 요소의 Y축 위치 값(부모 기준)을 가져옵니다. 위치 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientTop 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientTop document.querySelector(".box").clientTop 요소(element) : 선택할 요소를 설정합.. 2022. 12. 2.
clientWidth 속성은 요소의 가로 값을 가져옵니다. Reference/Javascript clientWidth 속성은 요소의 가로 값을 가져옵니다. by @webs 2022. 11. 17. clientWidth clientWidth 속성은 요소의 가로 값(마진/보더 불포함)을 가져옵니다. 마진과 보더 값이 있다면, 포함되어 있지 않습니다. 가로 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. 익스프롤러에서 사용된 오래 사용된 속성이며, element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientWidth 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientWidth docu.. 2022. 12. 2.
clientHeight 속성은 요소의 세로 값을 가져옵니다. Reference/Javascript clientHeight 속성은 요소의 세로 값을 가져옵니다. by @webs 2022. 11. 17. clientHeight clientHeight 속성은 요소의 세로 값(마진/보더 불포함)을 가져옵니다. 마진과 보더 값이 있다면 포함되어 있지 않습니다. 높이 값만 가져올 수 있으며, 수정할 수 없는 읽기 전용 속성입니다. 익스프롤러에서 사용된 오래 사용된 속성이며, element.getBoundingClientRect()에서도 속성 값을 가져올 수 있습니다. 특징 설명 유형(type) Element.clientHeight 버전(version) ES1 결과값(return) 숫자(number) 사용성 ★★★☆☆ 문법(Syntax) element.clientHeight .. 2022. 12. 2.
valueOf 메서드는 객체의 원시값을, 문자열로 반환합니다. Reference/Javascript valueOf 메서드는 객체의 원시값을, 문자열로 반환합니다. by @webs 2022. 11. 23. valueOf() valueOf() 메서드는 객체의 원시값을, 문자열로 반환합니다. 특징 설명 유형(type) String.prototype.valueOf() 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".valueOf() //문자열 반환하기 "javascript reference".valueOf(); //javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition) valueOf() 메서드는 객체의 원시값을, 문자열로 반환합니다. toStrin.. 2022. 11. 24.
toString() 메서드는 데이터를 문자열로 변환하고, 반환합니다. Reference/Javascript toString 메서드는 데이터를 문자열로 변환하고, 반환합니다. by @webs 2022. 11. 24. toString() toString() 메서드는 데이터를 문자열로 변환하고, 반환합니다. 특징 설명 유형(type) String.prototype.toString() Object.prototype.toString() Number.prototype.toString() Array.prototype.toString() Date.prototype.toString() Boolean.prototype.toString() 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".toString() //문자열 반환.. 2022. 11. 24.
toUpperCase 메서드는 문자열을 대문자로 설정하고, 대문자 문자열을 반환합니다. Reference/Javascript toUpperCase 메서드는 문자열을 대문자로 설정하고, 대문자 문자열을 반환합니다. by @webs 2022. 11. 17. toUpperCase() toUpperCase() 메서드는 문자열을 대문자로 설정하고, 대문자 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.toUpperCase() 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".toUpperCase() //대문자로 변경하기 "javascript reference".toUpperCase(); //JAVASCRIPT REFERENCE 문자열(string) : 문자열을 설정합니다. 정의(Definition).. 2022. 11. 23.
toLowerCase 메서드는 문자열을 소문자로 설정하고, 새로운 문자열을 반환합니다. Reference/Javascript toLowerCase 메서드는 문자열을 소문자로 설정하고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 17. toLowerCase() toLowerCase() 메서드는 문자열을 소문자로 설정하고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.toLowerCase() 버전(version) ES1 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".toLowerCase() //소문자로 변경하기 "JAVASCRIPT REFERENCE".toUpperCase(); //javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition).. 2022. 11. 23.
trimEnd 메서드는 뒤 공백을 제거하고, 새로운 문자열을 반환합니다. Reference/Javascript trimEnd() 메서드는 뒤 공백을 제거하고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 17. trimEnd() trimEnd() 메서드는 뒤 공백을 제거하고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.trimEnd() 버전(version) ES10 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".trim() //공백 제거하기 let result = " javascript reference ".trimEnd(); // javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition) trimEnd() 메서드는 문자.. 2022. 11. 17.
trimStart() 메서드는 앞 공백을 제거하고, 새로운 문자열을 반환합니다. Reference/Javascript trimStart() 메서드는 앞 공백을 제거하고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. trimStart() trimStart() 메서드는 앞 공백을 제거하고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.trimStart() 버전(version) ES10 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".trim() //공백 제거하기 let result = " javascript reference ".trimStart(); //javascript reference 문자열(string) : 문자열을 설정합니다. 정의(Definition) trimStar.. 2022. 11. 17.
trim() 메서드는 앞/뒤 공백을 제거하고, 새로운 문자열을 반환합니다. Reference/Javascript trim() 메서드는 앞/뒤 공백을 제거하고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. trim() trim() 메서드는 앞/뒤 공백을 제거하고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.trim() 버전(version) ES5 결과값(return) 문자열(string) 사용성 ★★★☆☆ 문법(Syntax) "문자열".trim() //대문자 변경하기 let result = " javascript reference ".trim(); //javascript reference let result = " 자바스크립트 레퍼런스 ".trim(); //자바스크립트 레퍼런스 let result = " java.. 2022. 11. 17.
padEnd 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. Reference/Javascript padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. padEnd() padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.padEnd() 버전(version) ES8 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".padEnd(길이) "문자열".padEnd(길이, 문자열) "456".padEnd(1, '0'); //456 "456".padEnd(4, '0'); //4560 "456".padEnd(5, '0'); //45600 "456".padEn.. 2022. 11. 17.
padStart 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. Reference/Javascript padStart() 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. padStart() padStart() 메서드는 주어진 길이에 맞게 앞 문자열을 채우고, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.padStart() 버전(version) ES8 결과값(return) 문자열(string) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".padStart(길이) "문자열".padStart(길이, 문자열) "456".padStart(1, '0'); //456 "456".padStart(4, '0'); //0456 "456".padStart(5, '0'); /.. 2022. 11. 17.
repeat 메서드는 주어진 횟수만큼 반복 복사하여, 새로운 문자열을 반환합니다. Reference/Javascript repeat() 메서드는 주어진 횟수만큼 반복 복사하여, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. repeat() repeat() 메서드는 주어진 횟수만큼 반복 복사하여, 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.repeat() 버전(version) ES6 결과값(return) 배열(Array) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".repeat(숫자) "javascript reference".repeat(0); //'' "javascript reference".repeat(1); //javascript reference "javascript reference".repeat(2); //.. 2022. 11. 17.
replaceAll 메서드는 특정 문자열을 모두 교체하여, 새로은 문자열을 반환합니다. Reference/Javascript replaceAll 메서드는 특정 문자열을 모두 교체하여, 새로은 문자열을 반환합니다. by @webs 2022. 11. 14. replace() replaceAll() 메서드는 특정 문자열을 모두 교체하여, 새로은 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.replaceAll() 버전(version) ES1 결과값(return) 배열(Array) 사용성 ★★★☆☆ 문법(Syntax) "문자열".replaceAll(찾을 문자열) "문자열".replaceAll(찾을 문자열, 변경할 문자열) "문자열".replaceAll(정규식) "문자열".replaceAll(정규식, 변경할 문자열) "javascript reference".repla.. 2022. 11. 14.
replace 메서드는 특정 문자열을 교체하여, 새로은 문자열을 반환합니다. Reference/Javascript replace 메서드는 특정 문자열을 교체하여, 새로은 문자열을 반환합니다. by @webs 2022. 11. 10. replace() replace() 메서드는 특정 문자열을 교체하여, 새로은 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.replace() 버전(version) ES1 결과값(return) 배열(Array) 사용성 ★★★☆☆ 문법(Syntax) "문자열".replace(찾을 문자열) "문자열".replace(찾을 문자열, 변경할 문자열) "문자열".replace(정규식) "문자열".replace(정규식, 변경할 문자열) "javascript reference".replace('javascript', '자바스크립트') .. 2022. 11. 14.
split 메서드는 구분자를 이용하여, 여러개의 문자열을 반환합니다. Reference/Javascript split 메서드는 구분자를 이용하여, 여러개의 문자열을 반환합니다. by @webs 2022. 11. 10. split() split() 메서드는 구분자를 이용하여, 여러개의 문자열(배열)을 반환합니다. 구분자는 문자열에서 끊어야 할 부분을 의미합니다. 정규식 표현도 가능하며, 두 글자 이상일 경우 그 부분 문자열 전체가 일치해야 끊어집니다. 구분자를 설정하면, 해당 구분자는 삭제되고, 남은 문자열이 배열로 반환됩니다. 특징 설명 유형(type) String.prototype.split() 버전(version) ES1 결과값(return) 배열(Array) 사용성 ★★★★☆ 문법(Syntax) "문자열".split(구분자) "문자열".split(구분자, 제한) on.. 2022. 11. 14.
substr 메서드는 시작 위치에서 길이 값을 추출하여, 새로운 문자열을 반환합니다. Reference/Javascript substr 메서드는 문자열 시작 위치에서 길이 값을 추출하여, 새로운 문자열을 반환합니다. by @webs 2022. 11. 11. substr() substr() 메서드는 문자열 시작 위치에서 길이 값을 추출하여, 새로운 문자열을 반환합니다. 현재는 더 이상 사용하지 않습니다. ECMA 표준 명세서에 사용하지 않음을 권장하고 있으며, 곧 제거될 것입니다. 특징 설명 유형(type) String.prototype.substr() 버전(version) ES1 결과값(return) 문자열(String) 사용성 ❌ 문법(Syntax) "문자열".substr(시작 위치) "문자열".substr(시작 위치, 길이) "javascript reference".substr(0) .. 2022. 11. 11.
substring 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다. Reference/Javascript substring() 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다. by @webs 2022. 11. 10. substring() substring() 메서드는 문자열에서 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열을 반환합니다. 원래 문자열을 변경되지 않으며, slice() 메서드는 시작값이 끝나는 값보다 크면 값을 추출할 수 없지만, substring() 메서드는 시작 값이 끝나는 값보다 크면 인수가 교환되어 값을 추출합니다. 특징 설명 유형(type) String.prototype.substring() 버전(version) ES1 결과값(return) 문자열(String) 사용성 ★★★☆☆ 문법(Syntax).. 2022. 11. 10.
slice 메서드는 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열 및 배열을 반환합니다. Reference/Javascript slice() 메서드는 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열 및 배열을 반환합니다. by @webs 2022. 11. 10. slice() slice() 메서드는 시작 위치에서 종료 위치 값을 추출하여, 새로운 문자열 및 배열을 반환합니다. 즉 시작값과 끝값을 복사하여, 새로운 객체로 반환합니다. 원본은 변하지 않습니다. slice() 메서드는 배열 또는 문자열에서 사용 가능합니다. 특징 설명 유형(type) String.prototype.slice() / Array.prototype.slice() 버전(version) ES1 결과값(return) 문자열(String) or 배열(Array) 사용성 ★★★★☆ 문법(Syntax) "문자열".slice.. 2022. 11. 10.
concat() 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다. Reference/Javascript concat() 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다. by @webs 2022. 11. 7. concat() concat() 메서드는 매개변수로 전달된 문자열을 받어, 결합된 새로운 문자열을 반환합니다. 특징 설명 유형(type) String.prototype.concat() / Array.prototype.concat() 버전(version) ES1 결과값(return) 문자열(String) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".concat(문자열, 문자열,....) "배열".concat(문자열, 문자열,....) const str = "javascript"; str.concat("reference"); //jav.. 2022. 11. 8.
at 메서드는 지정한 숫자를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다. Reference/Javascript at() 메서드는 지정한 숫자를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다. by @webs 2022. 11. 7. at() at() 메서드는 지정한 숫자(index)를 받아, 문자열에서 해당 되는 인덱스의 요소를 반환합니다. 양수와 음수 모두 설정 할 수 있으며, 음수 값의 경우 뒤에서부터 인덱스 값을 설정합니다. at() 메서드는 배열 또는 문자열에서 둘다 사용이 가능합니다. 특징 설명 유형(type) String.prototype.at() / Array.prototype.at() 버전(version) ES6 결과값(return) 문자열 요소 or undefined 사용성 ★★☆☆☆ 문법(Syntax) "문자열".at(인덱스) "javascript r.. 2022. 11. 7.
charCodeAt 메서드는 지정한 숫자의 유니코드 값을 반환합니다. Reference/Javascript charCodeAt 메서드는 지정한 숫자의 유니코드 값을 반환합니다. by @webs 2022. 7. 4. charCodeAt() charCodeAt() 메서드는 지정한 숫자(index)의 유니코드 값을 반환합니다. 특징 설명 유형(type) String.prototype.charCodeAt() 버전(version) ES1 결과값(return) 숫자(UTF-16) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".charCodeAt(숫자) "javascript reference".charCodeAt() //106 "javascript reference".charCodeAt('0') //106 "javascript reference".charCodeAt('1') //97.. 2022. 11. 4.
endsWith 메서드는 끝나는 문자열에서 검색하여 불린을 반환합니다. Reference/Javascript endsWith 메서드는 끝나는 문자열에서 검색하여 불린을 반환합니다. by @webs 2022. 7. 4. endsWith() endsWith() 메서드는 끝나는 문자열에서 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String.prototype.endsWith() 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".endsWith(검색 문자열)" "문자열".endsWith(검색 문자열, 위치값)" "javascript reference".endsWith('reference') //true "javascript reference".endsWith('e'.. 2022. 11. 3.
startsWidth 메서드는 시작하는 문자열에서 검색하여 불린을 반환합니다. Reference/Javascript startsWidth 메서드는 시작하는 문자열에서 검색하여 불린을 반환합니다. by @webs 2022. 7. 4. startsWidth() startsWidth() 메서드는 시작하는 문자열에서 검색하여 불린(true, false)을 반환합니다. 특징 설명 유형(type) String.prototype.startsWidth() 버전(version) ES6 결과값(return) 불린(true or false) 사용성 ★★☆☆☆ 문법(Syntax) "문자열".startsWidth(검색 문자열)" "문자열".startsWidth(검색 문자열, 위치값)" "javascript reference".startsWith('javascript') //true "javascript .. 2022. 11. 2.