개발자의 끄적끄적

[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; } 참고들 하세요!

[javascript/jquery] jquery autocomplete plugin / jquery 자동완성 플러그인 [링크] jquery 플러그인들 중에서 특정 input 에 입력받는 데이터를 자동완성으로 검색해서 보여주는 플러그인이 있어서 공유하려고 합니다. ajax 로 데이터를 불러와서 자동완성 배열에 담는것도 가능하니, 디비에 있는 내용검색을 활용하거나 할때 유용하게 쓰일수 있을듯 합니다! 아래 링크 달아놓을테니 들어가셔서 확인해보세요! jquery autocomplete plugin site : https://api.jqueryui.com/autocomplete/ Autocomplete Widget | jQuery UI API Documentation Description: Autocomplet..

[javascript/jquery] 자바스크립트 Cannot read properties of null (reading 'classList') 에러 해결방법 javascript 나 jquery 를 다루다 보면 아래와 같은 에러가 뜨는 경우가 종종 있습니다. Cannot read properties of null (reading 'classList') 위 에러의 원인은 스크립트 로드 우선순위가 잘못되었거나, 로드가 되지 않았거나, 스크립트가 로드될 당시 페이지에 아이디나 클래스에 해당하는 요소가 없거나 한 경우입니다. 우선 스크립트 로딩 순서를 확인해보시고 주석치면서 테스트 해보시면 금방 해결하실수 있을 겁니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 비밀번호 체크 정규식 javascript 에서 정규식을 많이 사용합니다. 그중에서 회원가입이 비밀번호를 받을때 체크하는 정규식을 공유하고자 합니다. 바로 소문자, 대문자, 숫자, 특수문자를 포함하는 8~15 자리의 비밀번호를 체크하는 정규식 입니다. var pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/; 참고들 하세요!

[javascript/jquery] javascript string concat example / 자바스크립트 문자열 합치는 방법 javascript 에서 문자열을 다루다 보면 특정문자들을 이어서 하나의 문장으로 만들어야 하는 경우가 있습니다. 그럴때는 내장함수인 concat 를 사용하시면 됩니다. 우선 아래와 같이 abc 와 def 를 각각 가지는 변수 2개가 있다고 가정하고, var str_1 = "abc"; var str_2 = "def"; str_1 의 문자열 뒤에 str_2 를 붙이기 위해서 아래와 같이 concat 를 사용합니다. var result = str_1.concat(str_2); 그리고 위 결과가 담긴 변수 result 를 이래와 같이 출력하면 결과는 abcdef 가 나오게 됩니다...

[javascript/jquery] javascript event list site / 자바스크립트 이벤트 모음 사이트 [링크] javascript 를 사용해서 사이트 개발을 진행하다 보면 이벤트들을 잘 알아야 여러가지 상황에 맞는 스크립트를 구현할 수 있습니다! 그럴때 참고하면 좋은 사이트가 있어서 공유하려고 합니다! 바로 이벤트 모음 사이트 인데요! 들어가셔서 한번 둘러보시고 수시로 참고해서 이벤트속성을 파악해서 구현하시면 많은 도움이 되실듯 합니다! javascript event list site : https://server-dev.tistory.com/24 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 [자바스크립트] 이벤트 핸들러 모음 onabort 이미지의 다운로드를..

[javascript/jquery] jquery useful library / jquery 유용한 라이브러리 모음 사이트 [링크] jquery 를 사용하다보면 유용한 라이브러리들이 상당히 많이 있습니다. 그중에서 괜찮은 라이브러리들을 모아놓은 사이트가 있어서 공유하려고 합니다! 들어가서 보시면 사용법도 간단하고 유용한 라이브러리들이 많습니다! 참고들 하세요! jquery useful library site : https://nolboo.kim/blog/2013/07/31/cs-useful-jquery-libraries/

[javascript/jquery] jquery movie library / jquery 영상 라이브러리 [링크] html 에서 유투브나 비메오 같은 영상을 표시하다보면 반응형으로 작업을 해야하는 경우가 많은데요. jquery 에 유용한 플러그인이 있어서 소개하려고 합니다! 사용법도 간단하고, youtube / vimeo 등 여러가지 영상을 지원해서 유용하게 쓰일듯 합니다. 저도 아직 사용은 안해봤지만, 사용해보고 참고할만한 점이나 문제 있으면 공유하겠습니다! jquery 영상 라이브러리 : http://fitvidsjs.com/ FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds. fitvidsjs.com