본문 바로가기

JavaScript11

[JavaScript] 숫자 3자리마다 콤마찍기(정규식) script로 3자리마다 콤마(,) 찍는 작업이 있어서 구글링하여 적용하였다. 구글링하여 얻은 정규식 표현법에는 .toString().replace(/\B(? 하지만 위 정규식에서의 ? 때문에 위처럼 넣게되면 함수 자체가 에러를 뱉어내므로, 스크립트를 호출하지 못하는 에러가 발생한다. (object Error / function undefined) (참고 url : caniuse.com/?search=lookbehind) .toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 위와같이 정규식을 기술해야 익스, ios, safari 에서 정상적으로 함수를 호출할 수 있게 된다. 2021. 2. 15.
[javascript] 클릭시 마우스 효과 나타내기 mouseEffect.html 클릭시 마우스 효과 mouseEffect.scss @charset 'UTF-8'; .container{ width:1080px; margin:0 auto; h1{padding:20px;border-bottom:1px solid #ccc;} } .clickEffect{ position:fixed; box-sizing:border-box; border-style:solid; border-color:#111; border-radius:50%; animation:clickEffect 0.4s ease-out; z-index:99999; } @keyframes clickEffect{ 0%{ opacity:1; width:0.5em; height:0.5em; margin:-0.25em.. 2020. 2. 8.
[javascript] var, let, const 차이점 ES5에서는 변수를 표현할 방법이 var 밖에 없었다. var로 표현된 변수는 편리한만큼 제대로 쓰지 않으면 위험요소가 너무 많았다. var 변수의 특징 1. 함수레벨 스코프 - 전역함수 외부에서 생성된 변수는 모두 전역변수의 취급을 받는다. 따라서 전역변수를 남발하게 될 가능성이 높다. 2. 변수 중복 선언 허용 var test = 'javascript'; console.log(test); // javascript var test = 'typescript'; console.log(typescript); // typescript test 라는 변수를 한번 더 선언했음에도, 그대로 test 변수에 담긴 값이 console.log의 위치에 따라 다르게 출력된다. 이는 '변수 - 여러가지 값으로 변할 수 있는.. 2020. 2. 5.
[javascript] 배열 문자열 검색 function userSearch(){ var keyword = 'c'; var searchResult = []; var testArray = [ {id: 'html', name: '에이치티엠엘'}, {id: 'css', name: '스타일시트'}, {id: 'jquery', name: '제이쿼리'}, {id: 'javascript', name: '자바스크립트'}, ] for(i=0;i 2020. 2. 1.
[Javascript] 매개변수 전달인자에 따른 바인딩 매개변수 개수에 따른 함수호출법 전달인자의 개수에 따라 서로 다른 처리를 해줘야하는 함수 호출된 인자 개수에 상관없이 이들 각각의 값을 모두 더해 리턴하는 함수의 예제이다.이전 포스팅에서 확인 해보았듯이, 전달인자의 수와 호출함수의 매개변수의 수가 달라도 호출이 가능한 것을 이용한 예제이다. function sum(){ var result = 0; for(var i=0; i 2018. 4. 30.
[Javascript] 함수의 매개변수(arguments 객체) arguments 객체 - 매개변수 arguments 객체의 사용법 arguments란 전달인자로 통해 할당되는 일회성 매개변수 이다.실제로 값이 존재하는것이 아닌, 전달인자에서 전달해주는 값에 의해 일회성으로 사용 되는 변수다. 이전 포스팅에서 자바스크립트는 느슨한 타입체크 라고 하였는데, 매개변수 에서도 상당히 유연하게? 전달인자를 받는다.이 말은 함수를 호출할때 필요로 하는 매개변수의 수에 맞추지 않아도, 해당 함수를 호출할 수 있다는 것이다. function argVar(arg1, arg2){console.log(arg1, arg2)} argVar(); // undefined, undefinedargVar(1); // 1 undefinedargVar(1, 2); // 1 2argVar(1, 2, .. 2018. 4. 27.