반응형 자바스크립트14 [Javascript] ES6 템플릿 문자열 ES6에서는 템플릿 문자열을 문자열 연결 대신 사용할 수 있다. 그러면 문자열 중간에 변수를 삽입할 수도 있다. 전통적인 문자열 연결은 더하기 (+)로 문자열과 변수를 서로 이어붙이는 방식을 사용한다. getTitleOldVersion() { return this.lastName + ", " + this.firstName + " " + this.middleName; }, 템플릿에서는 ${ } 를 사용해 문자열 안에 변수를 집어넣을 수 있기 때문에 문자열을 단 하나만 사용해도 된다. getTitleEs6() { return `${this.lastName}, ${this.firstName} ${this.middleName}`; }, 템플릿 문자열에서는 공백 뿐아니라 개행문제 등도 유지시킨다. 따라서 아래와 .. 2024. 4. 9. [Javascript] axios로 rest api 호출시 cookie 값 전달 안되는문제 해결 Vue나 react로 frontend를 개발하고 spring으로 backend를 개발할 경우 보통은 frontend server와 backend server의 origin이 달라지게 된다. 즉 frontend 주소는 localhost:3000 backend의 주소는 localhost:8080 이런 식이다. backend side에서 CORS 설정을 해줌으로서 origin이 달라지는 경우에 교차 접근 허용을 설정하여 동작을 진행하게 된다. 하지만 origin이 달라지는 경우 분명 browser에서는 cookie값이 확인이 되는데 backend에서 api 호출을 잡아보면 request객체에 cookie값이 안실려오는 경우가 있다. 이럴 경우에는 axios 호출시 config에 withCredentials :.. 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. 이전 1 2 3 4 다음 반응형
