본문 바로가기

메서드5

[JAVASCRIPT] 요소의 크기 및 위치를 표현하는 속성, 메서드 자바스크립트 : 요소 크기 및 위치 속성과 메서드 이번 시간에는 자바스크립트의 요소의 위치 및 크기를 표현하는 속성과 메서드들을 알아보겠습니다.😇 다음의 표를 통해 알아봅시다. #01. 요소의 속성 및 메서드 요소 크기 속성 설명 element.clientWidth 요소의 가로 값 (패딩 / 보더 / 마진 미포함) element.clientHeight 요소의 세로 값 (패딩 / 보더 / 마진 미포함) element.clientTop 요소의 Y축 값 (부모기준) element.clientLeft 요소의 X축 값 (부모 기준) element.offsetWidth 요소의 가로 값 (보더 / 패딩 포함) element.offsetTop 요소의 Y축 값 (문서 기준) element.offsetLeft 요소의 X축.. 2022. 9. 1.

[JAVASCRIPT] 문자열 메서드 : charAt( ) 자바스크립트 : 문자열 메서드 : charAt() 이번 시간에는 문자열 메서드인 charAt()에 대해 알아보겠습니다! 😁 #1. charAt( ) charAt() 메서드는 지정한 인덱스의 문자를 추출하여 문자열을 반환합니다. ! charAt( ) 사용 방법 ! "문자열".charAt(숫자); const str1 = "javascript reference"; const currentStr1 = str1.charAt(); // j const currentStr2 = str1.charAt("0"); // j const currentStr3 = str1.charAt("1"); // a const currentStr4 = str1.charAt("2"); // v ! point ! 대소문자를 구분하며 위치값을 작.. 2022. 8. 23.

[JAVASCRIPT] 문자열 메서드 : replace( ) / replaceAll( ) 자바스크립트 : 문자열 메서드 : replace() 이번 시간에는 문자열 메서드인 replace()에 대해 알아보겠습니다! 😁 #1. replace( ) replace() 메서드는 String.prototype.replace()의 약자로 문자열을 치환하거나 변환 할 때 사용하는 메서드입니다. 즉 문자열을 부분 문자열로 구분하고 변환하여 새로운 배열로 반환해줍니다. ! replace( ) 사용 방법 ! "문자열"replace("찾을 문자열", "변경할 문자열"); "문자열"replace("찾을 문자열", "변경할 문자열"); "문자열"replace(정규식); "문자열"replace(정규식, "변경할 문자열"); const str1 = "javascript reference"; const cirrentStr.. 2022. 8. 18.

[JAVASCRIPT] 문자열 메서드 : split( ) 자바스크립트 : 문자열 메서드 : split() 이번 시간에는 문자열 메서드인 split()에 대해 알아보겠습니다! 😁 #1. split( ) slice() 메서드는 문자열에서 원하는 값을 추출한 뒤 새로운 문자열로 반환합니다. 즉 문자열을 분할하여 부분 문자열 배열을 만듭니다 📖 아래의 코드 예제와 주석을 통해 더 자세히 알아봅시다! 📖 ! split( ) 사용 방법 ! "문자열".split(구분자(separator)); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); //갯수를 설정할 수 있다. const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j','a','v','a','s','c',.. 2022. 8. 18.

[JAVASCRIPT] 배열 메서드 : join(), push(), pop() 자바스크립트 : 배열 메서드 지금부터 자바스크립트의 배열 메소드인 join() / push() / pop()에 대해 알아봅시다! 배열 메서드들을 이해하게 되면 배열을 좀 더 효율적으로 사용할 수 있게됩니다 :) 1. join( ) join( )은 배열을 변경하지 않고 참조만 하는 메서드로 배열의 모든 요소를 하나의 문자열로 반환합니다. //01 const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join(''); //배열의 요소를 전부 이어서 불러온다. const text2 = arrNum.join(' '); //한 칸을 띄우면 join이 여백을 인식해서 한 칸씩 띄워서 표현된다. const text3 = arrNum.join('★'); //별.. 2022. 8. 11.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바