글을 잠깐 혼자 써봤던 진성 프로그래머 글을 잠깐 혼자 써봤던 진성 프로그래머

const emailRex = /^([\w\.\_\-])*[a-zA-Z0-9]+([\w\.\_\-])*([a-zA-Z0-9])+([\w\.\_\-])+@([a-zA-Z0-9]+\.)+[a-zA-Z0-9]{2,8}$/; const emailValue = document.querySelector("#input-email-span").textContent; if(self.emailValue != null && self.emailValue.length > 1){ if(!emailRex.test(self.emailValue)){ self.emailCheck = false; emailSpan.style.color = 'red' emailSpan.textContent = "올바른 이메일을 입력해주세요." } } //..

Javascript var isMobile = { Android: function () { return navigator.userAgent.match(/Chrome/) == null ? false : true; }, iOS: function () { return navigator.userAgent.match(/iPhone|iPad|iPod/i) == null ? false : true; }, any: function () { return (isMobile.Android() || isMobile.iOS()); } }; try{ if(isMobile.any()) { if(isMobile.Android()) { window.fcmRegister.getUserEmail(user_info.user_email); ..

var element = document.querySelector("#layout-nav"); var scroll_position = localStorage.getItem("sidebar-scroll"); if (scroll_position !== null) { console.log("scroll position : ",scroll_position) element.scrollTop = parseInt(scroll_position, 10); } window.addEventListener("beforeunload", () => { localStorage.setItem("sidebar-scroll", element.scrollTop); }); 즐코

**은 거듭제곱 입니다. 1번 예시를 보면 2의 4승 => 16 이란걸 보면 사용법을 알수 있을 겁니다. console.log(2 ** 4); // expected output: 16 console.log(10 ** -2); // expected output: 0.01 console.log(2 ** 3 ** 2); // expected output: 512 console.log((2 ** 3) ** 2); // expected output: 64 https://developer.mozilla.org/ko/docs/orphaned/Web/JavaScript/Reference/Operators/Exponentiation

랜덤 숫자 뽑기는 매우 자주 사용되는 기능이다. 랜덤한 숫자를 가져오는 기능은 프로그램 개발에서 매우 자주 사용되는 기능임 따라서, javascript는 built-in 함수로 포함되어 있음(Math.random()) 닥치고 암기? 👎🏻 구글 서치를 하면 그냥 아래와 같은 방식을 공식처럼 알려주고 있다. 생각보다 길지 않고, 어렵지 않다. 그러나.... function makeRandom(min, max){ var RandVal = Math.floor(Math.random()*(max-min+1)) + min; return RandVal; } // 랜덤 함수(정수) 하지만, 단순 암기는 휘발성이 높을 뿐더러, 결국 '"이해"가 최고의 암기'라고 믿는 나는 내 방식대로 이해해보기로 했다. 내 방식대로 이해..

프로젝트 경험이 거의 없었을 때는 this를 binding한다는 말 조차 이해가 가지 않았었다. javascript기본서에서 call, apply, bind가 나오면 머리가 아팟다. binding이란 도대체 뭘까? javascript의 함수는 각자 자신만의 this라는 것을 정의한다. 예를 들어 자기소개를 하는 함수를 만들기 위해 say()이라는 함수를 만든다고 하자. const say = function() { console.log(this); // 여기서 this는 뭘까? console.log("Hello, my name is " + this.name); }; say();실행해보면 window객체가 나타난다. 기본적으로 this는 window이기 때문이다. 사실 참 어려운게, 꼭 window라고만 말..

출처)https://github.com/dream-ellie/regex 공부방법, 사용 예제, 유용한 사이트에 대한 정보는 유튜브 영상에서 확인해 보세요 🙌 연습용 사이트: regexr.com/5mhou 문법 정리 Groups and ranges Chracter뜻 | 또는 () 그룹 [] 문자셋, 괄호안의 어떤 문자든 [^] 부정 문자셋, 괄호안의 어떤 문가 아닐때 (?:) 찾지만 기억하지는 않음 Quantifiers Chracter뜻 ? 없거나 있거나 (zero or one) * 없거나 있거나 많거나 (zero or more) + 하나 또는 많이 (one or more) {n} n번 반복 {min,} 최소 {min,max} 최소, 그리고 최대 Boundary-type Chracter뜻 \b 단어 경계 ..

이번에 앱 개발을 하면서 차량 번호에 대한 정규표현식이 필요했다. 회원가입 관련해서 정규표현식은 인터넷에 널려있기 때문에 계속 검색해서 사용해 왔는데 이번에 차량 번호 같은 특수한 목적성을 가질때는 검색보다는 한번 만들어보면 어떨까 싶어서 공부를 하게 되었다. 공부는 https://www.youtube.com/watch?v=t3M6toIflyQ 으로 간단하게 공부하였고 해당 유튜브 영상에서는 실습할수있는 자료도 주어지고 정리도 깔끔하게 되어있다. 다들 이번에는 미루지 말고 한번 공부하여 만들어서 사용해 보도록하자. 차량 번호 정규 표현식 const regex = /\d{2,3}[가-힣]{1}\d{4}/gm; //차량 정규 표현식 예)12가 1234 || 123가 1234