개발자의 끄적끄적

[javascript/jquery] javascript ip address validation example / 자바스크립트 아이피 체크 정규식 javascript 에서 아이피를 입력받거나 확인해야 하는경우 아이피가 정상적인 형식인지 확인을 해야 합니다. 그럴때는 아래 함수를 이용하시면 됩니다! function ipRegChk(val) { var regpet = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; if (regpet.test(val)) { return..

[javascript/jquery] javascript string startWith example / 자바스크립트 문자열이 특정문자로 시작되는지 확인하는 방법 javascript 에서 문자열이 특정 단어나 문자로 시작되는 지를 확인하고 싶은 경우에는 아래 나와있는 내용과 같이 startWith 를 사용하시면 됩니다. 예를 들어 아래와 같이 abcdef 라는 문자열을 가지는 변수 str 이 있다고 가정하고, var str = "abcdef"; 위 문자열이 abc 라는 문자로 시작되는지 확인하고 싶으면 아래와 같이 startWith 를 사용하시면 됩니다. var result = str.startWith("abc"); 그리고 위 결과는 출력해보면 결과는 abc 라는 문자열로 시작되기 때문에 true 가 나오..

[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] javacsript control video event options example / 자바스크립트 비디오 컨트롤 가능한 옵션들 사이트 [링크] html 에서 video 를 다루다 보면 제어할 수 있는 옵션에 대한 궁금증이 생기게 됩니다. 그럴때 제어할수 있는 항목들을 테스트 버전으로 만들어 놔서 확인이 가능한 사이트가 있어서 공유해보려고 합니다. 들어가서 몇가지 테스트해보시면 금방 아실껍니다! 참고들 하세요! html video options example site : https://www.w3.org/2010/05/video/mediaevents.html HTML5 Video HTML5 Video Events and API This page demonstrates ..

[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

[javascrip/jquery] jquery cookie library / jquery 쿠키 라이브러리[링크] jquery 에서 쿠키를 사용해야 하는 경우 유용하고 간단하게 사용할수 있는 jquery 라이브러리가 있어서 공유해보고자 합니다! 바로 cookie 라이브러리인데요! 아래 나와있는 내용처럼 간단하게 선언하고 읽고 삭제할 수 있습니다! 1. 쿠키 내용 가져오기 $.cookie('name'); // => "value" 2. 쿠키 생성하기 $.cookie('name', 'value', { expires: 7, path: '/' }); 3. 쿠키 삭제하기 $.removeCookie('name'); // => false github 링크 달아놓을테니 들어가셔서 보시면 금방 적용하실 수 있습니다! 참고들..