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/JSP

[JSTL] 컨트롤러에서 받아온 list를 <c:forEach> 안 쓰고 값 표현 방법

위와 같이 컨트롤러에서 받아온 list 값을 JSTL 문을 안 쓰고 꺼내서 쓰고 싶다면 ${list[0].num} 와 같이 코딩해주면 된다. 형식 : ${list[행].속성}

2022. 1. 14. 08:22

Front/jquery

[jQuery] google maps api 예제

google maps open api를 이용하여 지도를 출력하는 예제를 포스팅한다. google maps api key 발급 google maps open api를 이용하기 위해서는 google 계정으로 로그인한 뒤 key를 발급 받아야한다. 트래픽이 많지 않으면 무료로 이용할 수 있으며 유료 전환은 수동이므로 걱정하지 말자. 아래 링크로 접속 후 계정에 신용카드만 등록해 놓으면 oepn api key를 발급 받을 수 있다. https://console.cloud.google.com/home/dashboard Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com google ..

2022. 1. 8. 23:53

Front/javascript

[JavaScript] Ajax란?

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

2022. 1. 5. 00:53