개발자의 끄적끄적

[javascript/jquery] jquery link preview library / jquery 링크 미리보기 라이브러리 [링크] 페이지 작업을 하다보면 특정 링크 주소를 입력받아서 미리보기를 구현해야 하는 경우가 있습니다. 즉, og 태그를 활용해서 미리보기를 구현해야 하는 경우인데요, 그럴때는 jquery 플러그인을 이용해서 구현이 가능합니다. 아래 링크 들어가시면 사용법도 자세히 설명이 되어있으니 참고들 하세요! jquery 링크 미리보기 라이브러리 : https://blog.work6.kr/8 링크(href) 미리보기 기능 jquery plugin(제이쿼리 플러그인) 오늘 소개할 플러그인의 기능은 링크 미리 보기 기능 이에요. a태그의 href를 분석하여 이동할 페이지를 작게 미리 보여주는 ..

[javascript/jquery] jquery circle-progress library/ jquery 원형 progress 라이브러리 [링크] jquery 플러그인들을 이용하다보면 원형 그래프 즉, 파이형의 그래프를 이용하여 수치들을 표시해야 하는 경우가 있습니다. 그럴때 사용할 수 있는 라이브러리를 공유하고자 합니다. 아래 링크 들어가셔서 확인해보시면 원형 그래프를 progress bar 와 같이 채울수도 있고 내용을 입력할 수도 있으니 확인해보시면 금방 적용하실 듯 합니다! 참고들 하세요! jquery-circle-progress library : https://github.com/kottenator/jquery-circle-progress GitHub - kottenator/jquery-circ..

[javascript/jquery] jquery trugger click example / jquery 버튼 강제 클릭 이벤트 발생 방법 jquery 에서 버튼을 강제로 클릭하게 처리하고 싶은 경우가 있습니다. trigger를 사용하면 버튼을 강제로 클릭할 수 있습니다. 예를들어 아래와 같이 test_btn 이라는 버튼이 있다고 가정하고, 테스트 아래 나와있는 것처럼 trigger("click") 를 사용하면 해당버튼을 클릭 시킬수 있습니다. $("#test_btn").trigger("click"); 참고들 하세요!

[javascript/jquery] jquery .css example / jquery 스타일 속성 추가 방법 jquery 로 특정 선택자, 즉 요소안에 css 속성을 추가해야 하는경우에는 아래와 같이 .css 를 이용하시면 됩니다! $("#test_div").css({ "color": "red", "font-size": "16px" }); 위 내용 보시면 아시겠지만, test_div 라는 아이디를 가지는 요소에 color 와 font-size 를 추가하는 내용입니다. 1개만 추가해도되고 여러개를 추가해도되니 참고들 하세요!

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

[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 링크 달아놓을테니 들어가셔서 보시면 금방 적용하실 수 있습니다! 참고들..