본문 바로가기

Script/Javascript32

자바스크립트 ES6 block scope 자바스크립트 ES6 block scope block scope를 이해하기 위해서 여러 블로그에서 여러가지 방식으로 Scope란 무엇일까?? - 유효공간, 영역, 범위, 허용공간 정도로 생각할수 있다. # 함수스코프 자바스크립트는 기본적으로 함수 스코프를 따른다. 함수가 생성될때 마다 새로운 스코프가 발생한다. 예를 들면 var x = 1; if (true) { var x = 2; } console.log(x); =>2 위코드는 함수를 만들지 않았기 때문에 스코프가 발생되지 않았다. function a(){ var x = 1; } console.log(x); // Reference error : x is not defined 함수를 만들고 그안에 변수를 저장했다. 이 경우는 함수생성과 동시에 실행 컨텍스트.. 2021. 8. 12.
자바스크립트 정규표현식 이메일 체크 자바스크립트 정규표현식 이메일 체크 자바스크립트를 통해 이메일을의 형식을 체크해야할때 사용하면 요긴하게 쓸수 있다. 이메일이 맞는지 아닌지만 체크하는 함수를 작성했다. 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.
자바스크립트 문자열 자르기 자바스크립트 문자열 자르기 javascript에서 특정 길이가 넘어가면 길이를 잘라 처리해야할때가 있다. 그럴때 사용하면 되겠다. function cutByMaxStr(str, maxLength) { if (str == undefined || str == null) { return ''; } if (str.length > maxLength) { str = str.substring(0, maxLength) + '.....'; // str을 maxLength 길이만큼 자르고 '.....' 을 뒤에 붙인다 } return str; } 함수를 확인해보면 두번째 인자값으로 최대 길이 maxLength를 받는데, 이는 이값을 초과할시에는 substring 함수를 이용하여 maxLength 만큼 길이를 자른뒤에 '... 2021. 6. 25.
자바스크립트 정규표현식 문법 자바스크립트 정규표현식 문법 아래 문법정도를 익히면 그래도 왠만한 정규표현식에 대해 찾아보고 이해하는 수준까지는 할수 있을것이라 생각된다. 1. 범위 a-z : a에서 z까지를 뜻함 0-9 : 0에서 9까지를 뜻함 ㄱ-ㅎ : ㄱ에서 ㅎ까지를 뜻함 ㅏ-ㅣ : ㅏ에서 ㅣ 까지를 뜻함 가-힣 : '가'에서 '힣'까지를 뜻함 [] : 괄호 안에 문자중 1개 2. 대괄호 [ ] [a-z] : a에서 z중 하나. [abc]d : ad, bd, bd 를 뜻함 [^] : 괄호안의 문제 부정(제외) 3. 대괄호 [] 안에 문자 [^a-z] : a ~ z를 제외한 모든 문자 [^0-9] : 숫자를 제외한 모든 문자 | : 또는(OR) 4. 대괄호 [] 안에 문자 2 [a-z|A-Z] : a ~ z 또는 A ~ Z 뜻함(영.. 2021. 6. 25.
[자바스크립트] 영문 체크, 영어 체크, 정규표현식 [자바스크립트] 영문 체크, 영어 체크, 정규표현식 정규표현식을 이용하지 않는 방법과 이용하는 방법이 있을 수 있겠다. function isEngString( str ) { if ( str == null || str == '' || str == undefined ) { return false; } for( var i=0; i function(str) replaceBrTag.." data-og-host="www.appletong.com" data-og-source-url="https://www.appletong.com/35" data-og-url.. 2021. 6. 25.