개발공부 임고미

빈공간 제거는 언제 필요한가요? 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 우편번호 서비스를 이용해보세요. 어느 ..

간단한 달력 기능이 필요했고, 여러가지 플러그인을 살펴본 결과 flatpickr로 가장 쉽고 간편하게 만들 수 있었다. 테스트결과 chrome/ ie /safari 까지 모두 잘 작동하는것을 확인하였다. 세팅 1. html 예약일 2. js var dateSelector = document.querySelector('.dateSelector'); dateSelector.flatpickr(); ============================================================================ 활용1. 달력 1. 특정 날짜 금지하기 ( disable ) var dateSelector = document.querySelector('.dateSelector'); dateSe..

뒤로가기 제어하기 방법 1. window.onpopstate = function(event) { // "event" object seems to contain value only when the back button is clicked // and if the pop state event fires due to clicks on a button // or a link it comes up as "undefined" if(event){ // Code to handle back button or prevent from navigation } else{ // Continue user action through link or button } } 방법 2. 페이지 리로드하지 않고 url만 변경하기 history...

나는 작업을 하기 직전 reset을 먼저 사용해주는데, css와 달리 less 에서는 잘 적용이 되지 않았다. 해결방법을 찾아야겠다. 1. 우리는 보통 다운받아 사용하기에 다운받을 폴더를 생성한다. src/assets 안에 폴더 만들어주기 2. font-face 설정 @font-face { font-family: 'HELVETICA LT 25 ULTRA LIGHT'; font-style: normal; font-weight: 300; src: url('../fonts/HELVETICA-LT-25-ULTRA-LIGHT.ttf') format('truetype'); } 디자이너에게 truetype밖에 전달받지못해 저렇게 작성해 놓았지만 다른 format도 설정해 주는게 좋다. font-family : 자유롭..

함수 일정시간 뒤에 함수가 실행되게 하고싶을때는 ? setTimeout( function () { ... }, delay); 어떤때 활용하는가 ? i. 접속 후 몇 초 후에 팝업 또는 배너창 띄우기 ii. 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행 iii. 검색창 또는 일부 섹션 몇 초 뒤에 사라질 경우 iv. 방문자 접속 후 20-30초가 지난 뒤 메일 구독을 신청하는 팝업창을 띄울 경우 setTimeout(function() { alert('http://webisfree.com'); }, 3000); clearTimeout( ) ; 삭제하는 방법은 ? var clear = setTimeout( ) =함수를 변수에 담고 clearTimeout ( clear ) = 함수..