개발자의 끄적끄적

[javascript/jquery] javascript window.open 새창/새탭으로 여는 방법 javascript 에서 window.open 을 이용하여 새창을 여는 경우 새탭으로 열리곤 합니다. 그럴때는 아래와 같이 window.open 을 새탭 / 새창에 맞게 사용하시면 됩니다! window.open("/"); // 새탭 window.open("/", "", "_blank"); // 새창 참고들 하세요!

[javascript/jquery] javascript resize event listner example / 자바스크립트 리사이즈 이벤트 체크 방법 javascript 로 현재 페이지의 크기가 변화하는지 체크해야되는 경우가 있습니다. 대부분 반응형의 사이트에서 이러한 로직들이 동작하는데요 그럴때는 체크하고자 하는 페이지에 아래 스크립트를 추가하시면 됩니다. window.addEventListener('resize', function() { // to do } 위 내용 보시면 아시겠지만, event listner 를 등록하면 resize 이벤트가 발생할때 마다 안에 적힌 로직이 동작하게 됩니다! 참고들 하세요!

[javascript/jquery] jquery 전체 페이지 스크롤 하는 라이브러리 사이트 [링크] html 과 css 를 이용해서 페이지를 퍼블리싱 하다보면 마우스 스크롤 한번에 한 섹션씩 이동해야하는 이펙트를 주어야 하는 경우가 있습니다. 그럴때 사용하는 라이브러리가 fullpage 라이브러리 입니다. 이 라이브러리 소개와 2버전 3버전의 소스도 잘 정리되어 있는 사이트가 있어서 공유해보려고 합니다! 아래 링크 들어가셔서 사용법도 확인하시고 다운받으셔서 적용하시면 될듯 합니다! 참고들 하세요! jquery fullpage.js 다운로드 및 사용법 링크 : https://mariedays.tistory.com/40 전체페이지 스크롤 플러그인 fullPage.js 다운로드 및 사용법 / 버전2 무료 / ..

[javascript/jquery] javascript current domain example / 자바스크립트 현재 접속 도메인 확인하는 방법 javascript 에서 상황에 따라서는 현재 접속한 도메인을 판단해야 하는 경우가 있습니다. 개발도메인인이 실제 서비스 도메인인지 확인하는 것도 포함이 되는데요! 그럴때는 아래 나와있는 내용처럼 location.href 와 정규식을 이용하여 추출할 수 있습니다! document.location.href.match(/http[s]*:\/\/([a-zA-Z0-9\-\.]*)/)[1]; 참고들 하세요!

[javascript/jquery] javascript special character check example / 자바스크립트 특수문자 체크 정규식 함수 javascript 에서 input 박스의 입력값을 제어하다 보면 이름이나 아이디 같은 항목은 특수문자를 제외한 나머지만 허용하는 경우가 있습니다. 그럴때는 아래 정규식 함수를 이용하시면 됩니다! function checkSpChar(str) { const regExp = /[~!@#$%^&*()_+|?:{}]/; if(regExp.test(str)) { return true; }else{ return false; } } 위 내용 보시면 아시겠지만, 입력받은 str 이라는 문자값을 정규식으로 체크해서 특수문자가 포함되어 있으면 true 를 특수문자가 ..

[javascript/jquery] javascript phone number format function / 자바스크립트 휴대폰 번호 하이픈 함수 javascript 를 사용해서 휴대폰 번호와 같은 필드를 입력받다보면 번호 규칙에 맞게 하이픈을 넣고 싶을때가 있습니다. 그럴때는 아래 함수를 사용하시면 됩니다! function inputPhoneNumber(obj) { var number = obj.value.replace(/[^0-9]/g, ""); var phone = ""; if( number.length < 1 ) { phone= ""; }else if(number.length < 4) { return number; } else if(number.length < 7) { phone += numbe..

[javascript/jquery] javascript Unexpected token o in JSON at position 1 에러 해결방법 javascript 에서 json 데이터를 parse 를 이용해서 javascript 객체로 변환하려고 하다보면 아래와 같은 에러가 발생하는 경우가 있습니다. Unexpected token o in JSON at position 1 위와 같은 에러는 이미 javascript 객체인 데이터를 javascript 객체로 변환하려고 시도했을때 발생하는 에러입니다! 참고들 하세요!

[javascript/jquery] javascript phone number hyphen example / 자바스크립트 휴대폰번호 하이픈 함수 javascript 에서 휴대폰 번호를 입력받다 보면 숫자로만 입력받아서 형식에 맞게 변경해야 하는 경우가 있습니다. 그럴때는 아래 함수를 사용하시면 됩니다! function phone_number(val){ var phone = val.replace(/(^02.{0}|^01.{1}|[0-9]{3})([0-9]+)([0-9]{4})/,"$1-$2-$3"); return phone; } 참고들 하세요!