Front/javascript

[javascript] Android, iOS 스킴 이용하여 웹에서 APP 실행

WEB에서 APP 스킴을 이용하여 APP을 호출해야 할 때가 있다. 물론 해당 APP이 설치가 안되어 있다면 Android, iOS 각 마켓 설치 주소로 이동해야 한다. iOS와 Android 약간의 차이가 있지만 setTimeout()을 활용하여 구현하였다. var USER_AGENT = navigator.userAgent.toLowerCase(); if(USER_AGENT.indexOf("iphone") > -1){ //iOS var visitTime = (new Date()).getTime(); // 앱이 없어 일정 시간 이상이면 설치 URL로 이동 setTimeout(function(){ if((new Date()).getTime() - visitTime < 2000){ location.href ..

2022. 12. 8. 15:09

Front/javascript

[javascript] 일반 전화번호 포함 유효성 검사

let regex = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/; if(!regex.test(num)){// 전화번호 정규식 조건 틀렸을때 console.log('불가능한 전화번호'); }else{ console.log('가능한 전화번호'); } - 하이푼 (-) 기호 삽입 여부 상관 없는 정규식 - 일반 전화, 휴대폰 번호 동시 체크 가능한 정규식

2022. 11. 29. 00:22

Front/javascript

[JavaScript] input 입력 글자수 제한 하기

input 에 대한 글자수 validation 를 설정하려고 한다. input 에 입력할 수 있는 최대 글자를 50이라고 가정했을 때 50이상의 글자가 입력될 경우 제한하는 것이다. 함수를 만들어 이를 활용하는 방법이다. /** * input text size 체크 */ const inputSizeChk = function(obj, size, isSpChk){ let byteCnt = 0; let temp; let e = window.event; const pattern = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+┼@\#$%&\'\"\\(\=]/gi; for(var i=0;i 4 ? byteCnt += 2 : byteCnt += 1; //사이즈 체크 if(byteCnt > size){ if(..

2022. 7. 6. 14:42

Front/javascript

[JavaScript] Ajax란?

Ajax에 대해서 간단하게 개념을 잡고 가고자 한다. Ajax (Asynchronous Javascript and Xml) 의미 Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법이다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 웹 페이지의 일부만을 서버와 통신하여 로드하는 기법이다. 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버 간에 XML 데이터를 주고받는 기술이다. Ajax 장점 웹 페이지 전체를 재 로딩하지 않고도 웹 페이지의 일부분을 갱신할 수 있다. 웹 페이지가 로드된 이후에 서버로 데이터 요청을 보내고 받을 수 있다. 웹페이지의 속도 향상 백그라운드 영역에서 서버로 데이터를 보낼 수 있다. Ajax 단점 페이지가 이동하지 않기 때문에 보안에..

2022. 1. 5. 00:53

Front/javascript

[JAVASCRIPT] 출력 방법

javascript 출력 방법에 대해 알아보겠습니다. 출력 방법은 크게 아래와 같이 나눌 수 있습니다. window.alert() console.log() document.write() innerTEXT 또는 innerHTML window.alert() 대화 상자를 띄워서 데이터를 표시해 줍니다. js 출력 console.log() 웹 브라우저의 콘솔을 통해 데이터를 출력해 줍니다. 콘솔은 크롬 브라우저를 기준으로 F12 -> 콘솔 메뉴에서 확인할 수 있습니다. js 출력 document.write() 주로 테스트나 디버깅을 위해 사용됩니다. js 출력 innerHTML, innerText innerHTML과 innerText의 차이점은 innerHTML은 HTML 태그를 반영하여 출력하며 innerTe..

2021. 12. 19. 18:59

Front/javascript

[JavaScript] 호이스팅(Hoisting) 이란

호이스팅 var, let, const로 선언한 표현식이나 function 선언문 등을 실행 단계에서 해당 Scope의 맨 위로 옮기는 것을 말한다. 아래와 같이 예를 들어보자. console.log(name); // undefined var name = 'hello World'; 해당 코드는 undefined를 return한다. JavaScript가 호이스팅을 하여 아래와 같이 해석하기 때문이다. var name = undefined; console.log(name); name = 'hello World'; TDZ (Temporary Dead Zone) 선언은 되어있지만, 초기화가 되지 않아 이를 위한 자리가 메모리에 준비되어 있지 않은 상태 아래와 같이 예를 들어보자. pi; // ReferenceEr..

2021. 12. 13. 00:53