개발공부 임고미

1. type text/ tel 간단하게 설정가능 2. type number //html //js //숫자 maxLength check function maxLengthCheck(object){ if (object.value.length > object.maxLength){ object.value = object.value.slice(0, object.maxLength); } } tel 이나 number으로 type을 설정할경우, mobile에서 input focus되면 숫자키보드만 뜬다. ( text같은경우엔, 자판까지 뜬다. )

select box placehorder 만들기 1. html 완전 placehorder 처럼 만들기위해선 disabled와 hidden 속성이 필요합니다. 기본값입니다. 바다 산 계곡 빨강 노랑 파랑 여기서, "기본값입니다." 만 placeholder취급해서 기본값으로 바꾸는게 목적 이게 만약 opt그룹이 아니었다면, option:first-child로 간단하게 처리가 가능했을 수도 있다. 그런데 opt 그룹이 되면서 opt 그룹의 첫번째요소도 색이 변하는걸 확인할 수 있다. /* css */ select option:first-child { color: red; } 확인시켜주고자 html 에서 hidden 과 disable을 제거한 상태 완벽한 placehorder을 만들고자, 다음과 같이 진행 2...

function agreeAll() { var chkbox = document.getElementsByClassName('agree'); var chk = false; for(var i=0 ; i

html html에 들어갈 위치 만들어주기 Js 시 + 분 + 초 //시 분 초 var countDownDate = new Date('2020-09-18').getTime() + (1000 * 60 * 60 * 15); var x = setInterval(function () { var now = new Date().getTime(); distance = countDownDate - now; if (distance > 0) { var h = Math.floor(distance / (1000 * 60 * 60)); var m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var s = Math.floor((distance % (1000 * 60))..

빈공간 제거는 언제 필요한가요? 1. 웹페이지 검색기능을 구현하는 경우 - 이 경우 입력폼에 두개 이상의 빈공간이 실수로 들어가는 등 다양한 오류를 사전에 방지하기 위한 목적이거나 또는 둘 이상의 공백을 하나로 바꾸어 처리함 2. Url주소나 쿼리스트링, 파라미터 주소에 포함된 빈공간을 변경시 - 현재의 url 주소나 입력받은 주소등을 변경할 경우에 사용하기도 하며 또한 이메일을 입력값에 잘못된 공백이 있는 경우에도 자동으로 제거하기 위함 3. 백쪽에서 해달라고 했을때 - 해달라면 해줘야 한다. 1. 문자열 앞 뒤 공백만 제거하기 trim() 문자열의 앞 뒤 만 제거 할 수 있습니다. ( 중간부분은 제거 불가 , 중간공백은 2번을 참고해주세요.) 공백제거 해주는 trim() 내장함수가 자바스크립트에는 존..

Jquery 에서는 $.test() 메서드로, PHP 에서는 preg_match() 함수로 사용 전화번호 체크 정규식 function isMobile(phoneNum) { phoneNum; phoneNum = phoneNum.split('-').join(''); //하이픈 없는버전 var regExp =/(01[016789])([1-9]{1}[0-9]{2,3})([0-9]{4})$/; //중간에 하이픈 넣는 버전 var regExp = /^01([0|1|6|7|8|9]?)-?([0-9]{3,4})-?([0-9]{4})$/ var myArray; if(regExp.test(phoneNum)){ myArray = regExp.exec(phoneNum); //핸드폰번호 형식에 해당하는 경우 return tru..

다음처럼 확인해주면 됩니다~ //확인하고자 하는객체 let emptyObj = {}; //빈값인지 확인하는 함수 function isEmptyObject(obj) { return Object.keys(obj).length === 0; } //확인해보기 isEmptyObject(emptyObj)

통합 로딩방식을 이용한 서비스 사용방법 1. html하단에 아래와 같은 script를 로드합니다. //html 2. 어떻게 보여줄 것인지 선택하기 - iframe방식과 팝을을 이용하는 방법 팝업이 더 편리하기는 하나, 아래와 같은 경고문을 발견하였다. 몇몇 Webview기반 브라우저의 window.open 미대응으로 인하여, Webview기반 서비스에 적용시 embed()를 이용한 레이어모드를 추천합니다. 그러므로, iframe을 이용하여 레이어를 띄우기로 결정 3. 예제코드 확인하고 가져오기 postcode.map.daum.net/guide#sample Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 ..