본문 바로가기

자바스크립트11

자바스크립트 초간단 엔터값 처리하기 자바스크립트 초간단 엔터값 처리하기 준비물 onkeydown 이벤트 event.keycode == 13 엔터값 방법 키보드 마지막에 있을것이라고 생각되는곳에 onkeydown 이벤트를 넣어준다. 보통 일반적으로 password 입력 하는곳에 넣어준다. 끝! 2022. 7. 26.
자바스크립트 문자열이 포함되어 있는지 체크 ( includes ) 자바스크립트 문자열이 포함되어 있는지 체크 ( includes ) 특정 값이나 문자가 포함되어 있는지를 확인할수 있는 includes 함수에 대해서 정리한다. includes를 이용해서 문자열 또는 배열에서 찾고자하는 해당하는 값이 있는지를 체크할수 있다. 많은 사람들이 문자열 또는 배열 하나에서만 동작 할것이라고 생각하지만, String, Array 두가지 타입 모두 동작 한다. 1. String.includes() 특정 문자열이 포함되어있는지 체크하기 위해서 사용할수 있다. 대소문자를 구분한다. str.includes([검색문자],[시작값:값이 없을경우 전체 대상]); 사용 예 ) var str = 'apple'; console.log( str.includes('a') ) ; // true conso.. 2022. 3. 16.
자바스크립트 eval, JSON.parse 파싱 자바스크립트 eval, JSON.parse 파싱 자바스크립트의 json 파싱에 대해서 다뤄보려고 한다. json을 파싱 하는 방법에는 JSON.parse를 사용하거나, eval 함수를 사용할 수 있다. eval 함수 사용방법 결과 : 쿠키맨 JSON.parse 함수 사용 방법 eval함수는 빠르기는 하지만 eval함수 안의 스트링을 그대로 실행시켜 주기 때문에 리턴값으로 자바스크립트 명령어가 오면 그대로 실행시키기 때문에 보안적으로 이슈가 많다. 결과 : 쿠키맨 최신 브라우저는 javascript 엔진에서 JSON을 객체로 채택했다. 예전 구버전의 브라우저에서는 JSON 객체를 못 찾을 수 있다. 브라우저 구형 버전에서도 JSON 객체 사용을 보장하기 위해서는 json2.js 가 필요하다. json2.j.. 2021. 11. 10.
자바스크립트 브라우저 종류 버전 체크 ( navigator ) 자바스크립트 브라우저 종류 버전 체크 ( navigator ) 자바스크립트를 navigator 통해 브라우저를 확인할수 있는 방법하고, 버전에 대해서 확인할수 있는 방법에 대해 정리한다. 1. 브라우저가 IE 인지 체크 하기 function isIE(){ return ((navigator.appName === 'Microsoft Internet Explorer') || (navigator.userAgent.indexOf('Trident') > -1) || (navigator.userAgent.indexOf('Edge') > -1)); } console.log(isIE()); 브라우저가 IE 계열인경우 : true 그외 : false 2. IE 버전을 알고 싶을때 1번 isIE() 함수를 함께 이용하여 체.. 2021. 10. 27.
자바스크립트 정규표현식 이메일 체크 자바스크립트 정규표현식 이메일 체크 자바스크립트를 통해 이메일을의 형식을 체크해야할때 사용하면 요긴하게 쓸수 있다. 이메일이 맞는지 아닌지만 체크하는 함수를 작성했다. function isEmail (strEmail) { var regExp = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/; if (strEmail.length > 0 && strEmail.search(regExp) == -1) { return false; } return true; } isEmail('test@naver.com') => true isEmail('@test@naver.com') => false 2021. 8. 9.
자바스크립트 시간 계산 초단위 뺄셈 ( yyyymmddhhmmss 형식 ) 자바스크립트 시간 계산 초단위 뺄셈 ( yyyymmddhhmmss 형식 ) 자바스크립트를 이용해서 현재 시간 기준으로 몇 초가 흘렀는지 뺄셈 계산을 할 때 사용하면 참으로 좋다. 파라미터 인자로 각각 firstDateTime, secondDateTime를 넘겨받으며 형식은 yyyymmddhhmmss 형식으로 넘겨주면 계산이 가능하다. 백번의 말보다 중요한건 코드 이렷다!! 아래 코드와 실제 사용 방법에 대해 확인해 보자. function calSecs (firstDateTime, secondDateTime) { var dateFirstDateTime = new Date(firstDateTime.substring(0, 4), firstDateTime.substring(4, 6) - 1, firstDateT.. 2021. 7. 5.