반응형 JavaScript/ES65 [Javascript] ES6 템플릿 문자열 ES6에서는 템플릿 문자열을 문자열 연결 대신 사용할 수 있다. 그러면 문자열 중간에 변수를 삽입할 수도 있다. 전통적인 문자열 연결은 더하기 (+)로 문자열과 변수를 서로 이어붙이는 방식을 사용한다. getTitleOldVersion() { return this.lastName + ", " + this.firstName + " " + this.middleName; }, 템플릿에서는 ${ } 를 사용해 문자열 안에 변수를 집어넣을 수 있기 때문에 문자열을 단 하나만 사용해도 된다. getTitleEs6() { return `${this.lastName}, ${this.firstName} ${this.middleName}`; }, 템플릿 문자열에서는 공백 뿐아니라 개행문제 등도 유지시킨다. 따라서 아래와 .. 2024. 4. 9. document.forms 객체 form에서 사용되는 각종 양식(input, select, textarea) 역시 자바스크립트를 이용하여 제어할 수 있다. 자바스크립트에서는 form에서 사용되는 양식들을 forms 객체에서 정의할 수 있다. forms 객체는 links, images 등과 같은 배열 형태로 document 객체의 하단에 존재하는 객체이다. forms 객체를 제어하는 일은 자바스크립트에서 매우 중요한 일이다. 일반적으로 인트라넷과 같이 고급 기능을 요구하는 경우에 많이 사용된다. forms[] 배열 폼의 구성 요소와 마찬가지로 폼 자체도 배열로 참조되어질 수 있다. 배열의 순서는 구성 요소의 순서와 마찬가지로 HTML 내에서 기술된 순서대로 0번부터 참조되어지며, 그 형식은 document.forms[0]과 같은 방식으로.. 2023. 7. 25. [자바스크립트] 시간 유효성 검증 시분초 자바스크립트로 시분초 데이터 검증하는 소스를 만들어볼텐데요 시분초 검증하는 소스는 아래와 같습니다. // 시분초 검증 (24시 00:00:00 양식 기준) $.validTime = function(time) { var times = time.replaceAll(":", ""); var chkHh = times.substr(0, 2); // 시 var chkMm = times.substr(2, 2); // 분 var chkSs = times.substr(4, 2); // 초 // length 체크 if (times.length != 6) { return false; } // 시 체크 if (chkHh > 24) { return false; } // 분 체크 if (chkMm > 59) { return fa.. 2020. 11. 25. JavaScript 인코딩, 디코딩 함수 encodeURI() : 인터넷 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수입니다. encodeURIComponent() : 모든 문자를 인코딩하는 함수입니다. decodeURI() : encodeURI()로 인코딩한 문자열을 디코딩하는 함수입니다. decodeURIComponent() : encodeURIComponent()로 인코딩한 문자열을 디코딩하는 함수입니다. 문법 1 2 3 4 encodeURI( uri ) encodeURIComponent( uri ) decodeURI( uri ) decodeURIComponent( uri ) uri : 인코딩하려는 인터넷 주소를 입력합니다. 예제 특수문자와 한글을 포함한 URI를 인코팅, 디코딩하는 예제입니다. 출처 : h.. 2019. 9. 20. 이전 1 2 다음 반응형
