나의 IT Note

readonly 설정 input의 경우 아래와 같이 readonly를 간단하게 처리할 수 있다. 그러나 checkbox나 radio버튼은 readonly속성이 적용되지 않는다. 그래서 onclick을 직접 적용하여 readonly을 설정하거나 스크립트로 설정을 해주어야 한다. 예시 1 input에 return false를 적용 // checkbox // radio 예시 2 input에 return false를 스크립트로 일괄 적용 // checkbox // radio let ipt = document.querySelectorAll('input.readonly'); for(let i = 0; i < ipt.length; i++) { ipt[i].setAttribute('onclick', 'return fa..

String.length 문자열의 길이를 반환하는 속성(property)이다. 문법(Syntax) String.length 숫자 타입의 경우 undefined를 반환한다. 공백도 길이에 포함된다. let str = 'hello world'; let blank = ' '; // 공백 3칸 let num = 123; str.length; // 11 blank.length; // 3 num.length; // undedined

Number() 문자열을 숫자로 변환해주는 함수 문법(Syntax) Number(value) 매개변수(parameter) 1. value 문자열 또는 문자열을 값으로 하는 변수 let str = '123' let num = Number(str); // 123 typeof(num); // 'number' Number('123'); // 123 숫자를 문자열로 변경할 때는 String() 사용 [JavaScript] String() 숫자를 문자열로 타입 변환 - 자바스크립트 String() 숫자를 문자열로 변환해주는 함수 문법(Syntax) String(thing) 매개변수(parameter) 1. thing 문자열로 변환할 값 숫자 또는 숫자를 값으로 하는 변수 let num = 123; let str =..

String() 숫자를 문자열로 변환해주는 함수 문법(Syntax) String(thing) 매개변수(parameter) 1. thing 문자열로 변환할 값 숫자 또는 숫자를 값으로 하는 변수 let num = 123; let str = String(num); // '123' typeof(str); // 'string' String(123); // '123' 문자열을 숫자로 변경할 때는 Number() 사용 [JavaScript] Number() 문자열을 숫자로 타입 변환 - 자바스크립트 Number() 문자열을 숫자로 변환해주는 함수 문법(Syntax) Number(value) 매개변수(parameter) 1. value 문자열 또는 문자열을 값으로 하는 변수 let str = '123' let num..

String.contact() 여러 개의 문자열을 하나의 문자열로 합쳐 반환한다. 배열에 사용하는 경우에도 동일하게 여러 개의 배열을 합쳐 하나의 배열로 반환한다. 원본 문자열은 변경되지 않는다. 문법(Syntax) str.concat(string2, string3[, ..., stringN]) 매개변수(parameter) 1. string2...stringN 합칠 문자열 string2는 필수이다. 인자 값이 문자열이 아닌 경우 문자열로 변환 후 결과값을 반환한다. 처음이 문자열이 아닌 경우 에러 메시지를 호출한다. let str1 = 'hello'; let str2 = ' world'; let num = 7; str1.concat(str2); // hello world str1.concat(str2, ..

String.toUpperCase() 문자열을 대문자로 변환 후 반환한다. 원본 문자열은 변경되지 않는다. 문법(Syntax) str.toUpperCase() 예시 let str = 'Hello World'; str.toUpperCase(); // HELLO WORLD str.toLowerCase(); // hello world toLowerCase()는 소문자로 변환 후 반환한다.

String.toLowerCase() 문자열을 소문자로 변환 후 반환한다. 원본 문자열은 변경되지 않는다. 문법(Syntax) str.toLowerCase() 예시 let str = 'Hello World'; str.toLowerCase(); // hello world str.toUpperCase(); // HELLO WORLD toUpperCase()는 대문자로 변환 후 반환한다.

String.slice() 문자열에서 beginIndex부터 endIndex전까지의 문자들을 추출하여 반환하는 함수(endIndex가 없다면 문자열의 끝까지 추출 후 반환) 원본 문자열은 변경되지 않는다. 문법(Syntax) str.slice(beginIndex[, endIndex]) 매개변수(parameter) 1. beginIndex 문자열에서 추출을 시작하는 index 위치(beginIndex부터 추출을 시작) str.length보다 크거나 같으면 빈 문자열 반환 음수인 경우 str.length + beginIndex로 계산하여 추출한다.(beginIndex가 -8이라면 11 + (-8) = 3) str.length보다 크다면 빈 문자열 반환 0이면 전체 문자열 반환 let str = 'hello ..

String.substring() 문자열에서 indexStart부터 indexEnd전까지의 문자들을 추출하여 반환하는 함수(indexEnd가 없다면 문자열의 끝까지 추출 후 반환) 원본 문자열은 변경되지 않는다. 문법(Syntax) str.substring(indexStart[, indexEnd]) 매개변수(parameter) 1. indexStart 문자열에서 추출을 시작하는 index 위치 str.length보다 크거나 같으면 빈 문자열 반환 0 또는 음수인 경우 indexStart를 0으로 처리하여 전체 문자열을 반환 문자열: hello world h e l l o 공백 w o r l d 0 1 2 3 4 5 6 7 8 9 10 let str = 'hello world'; str.substring(..

String.substr() 문자열에서 start 다음부터 length 만큼의 문자들을 반환하는 함수(length가 없다면 문자열의 끝까지 추출 후 반환) 원본 문자열은 변경되지 않는다. 문법(Syntax) str.substr(start[, length]) 매개변수(parameter) 1. start 문자열에서 추출을 시작하는 위치 양수인 경우 start 다음부터 시작한다. 음수인 경우 문자열의 끝에서 start만큼 뺀 곳부터 시작하며, 만약 start값이 문자열보다 크다면 index 0부터 시작한다. let str = 'hello world'; str.substr(3); // lo world str.substr(11); // '' str.substr(-4); // orld str.substr(-100)..