그냥 개발자 블로그

아래 링크에서 수정된 글을 확인 하실 수 있습니다. 플러그인은 워크식스 홈페이지에서 만나보실 수 있습니다. 2019/02/12 - [IT] - 크롬으로 쉽게 안드로이드 어플 만들기 안드로이드의 경우 바탕화면에 북마크를 가져오려면 여러단계를 거쳐서 가져오게 되어 있죠. 하지만 네이버앱에서 지원하는 기능을 사용한다면 이과정을 확~! 줄여 자동으로 바탕화면에 자동으로 아이콘이 생성되게도 가능한데요. 영상에서처럼 아이콘이 생기게 하는 플러그인을 만들어서 공유해요. 우선 사용을 위해서 여기 홈페이지에서 bookmark.js를 찾아 다운로드 해주시고요. jquery만 안다면 사용법은 간단해요. 다운로드한 플러그인을 서버에 업로드해주시고 사용할곳에 불러와주세요. 문서가 로딩이 완료되는 시점에 위와 같이 적어주시는데요..

개발자 또는 제작자의 동의가 없었다면 지적 재산은 반드시 보호되어야 하죠. 그러나 웹에서 이를 보호하긴 쉽지 않은게 현실이에요. 복사해서 붙여 넣고 약간 수정되면 해당 출처도 알수 없으니 말이죠. 특히나 퍼블리셔 및 디자인 영역은 심한데요. 그래서 우리는 이윤 손실 및 보안을 목적으로 마우스 우클릭, 이미지 드래그앤 드롬, 텍스트 드래그 복사, 개발자 도구 활성화를 막고자하죠. 오늘 소개할 자작 제이쿼리(jquery) 플러그인 siteSecurity.js 는 도용의 기본 원인이 되는 위 네가지 사항들을 손쉽게 컨트롤하게 해주며 필요에 따라 지정된 아이피에서만 허용하는 기능을 가지고 있어요. 사용법은 다음과 같아요. 여기 홈페이지 share 코너에서 공유되고 있는 siteSecurity.js 제이쿼리(jq..

오늘 소개할 플러그인의 기능은 링크 미리 보기 기능 이에요. a태그의 href를 분석하여 이동할 페이지를 작게 미리 보여주는 역할을 하죠. 아래 동영상을 보실게요. 이 처럼 바로 이동하지 않고 미리 봄으로서 사용자들은 실제 페이지 이동으로 인한 피로도를 감소 시킬수 있어요. 해당 기능을 구현가능한 플러그인은 viewTinted.js 라고 이름을 지었고요. 여기 홈페이지에서 무료로 받아가실수 있으세요. 그럼 예제 및 사용법을 보실게요. 페이지이동 이게 예제에 사용된 소스인데요. 보시면 a태그 안에 viewtinted 라고 적혀 있는게 보이시나요? 사이트에는 수많은 a태그들이 존재 함으로 모든 링크를 미리보기 할수는 없는 노릇이니 위 처럼 viewtinted 를 써주시면 그 링크(href) 에서만 동작을 해..

2016/08/09 - [Jquery] - tabMaker.js 플러그인 - 탭 메뉴를 쉽게 만들어 주는 플러그인 jquery(제이쿼리)는 javascript 보다 좀 더 직관적이고 편리하게 사용가능하게 만들어진 기술인데요. 많은 인기를 끌게 되고 누구나 한번쯤 배우고 사용하게 되며 모든 웹에 필수처럼 이용되고 있죠. 그래서 jquery 기초를 배운분이라면 탭메뉴 정도는 눈감고(?)도 만들꺼라 생각을하고 있었는데요. 그런데 제 생각이 틀렸었나봐요. 많은 웹사이트에서 한정된 공간에 더 많은 정보를 노출하기 위한 탭메뉴를 적용하고 있는데 이를 구현 못해서 끙끙거리는 퍼블리셔분을 보았어요. 어찌나 안타깝던지 그래서 준비했어요. tabMaker.js 플러그인을요. 그런데 탭메뉴가 정확히 뭐냐고요?????? 이게..

2016/08/03 - [Jquery] - swipemenu.js 플러그인 - 모바일웹 좌우 슬라이드 메뉴 효과 한동안 바빠서 자작 제이쿼리 플러그인 공유가 늦었네요.이번에 소개할 제이쿼리(jquery) 플러그인은 swipe 형식의 모바일 메뉴인데요.최근 많이 디자인 될뿐만 아니라 많이 사용되는 형태이죠. swipe는 모바일에서 손으로 화면을 밀어내어 동작하는걸 말하며 메뉴 말고도 모바일에 슬라이드 메뉴를 표현해야 할때도 많이 사용되요. [swipemenu.js 샘플 영상] 여러분도 위와 같은 기능이 필요하다면 jquery plugin을 통해서 쉽게 구현 할수 있는데요. 우선 여기 사이트로 이동하셔서 Plugin Share 라는 메뉴로 들어가서 swipemenu.js를 찾아 다운받으세요.다운 받은 zip..

2016/08/03 - [Jquery] - book.js 플러그인 - 책 넘기는 효과 최근까지 또는 현재까지도 아날로그 적인 동작을 백프로 디지털화하기는 힘들죠. 그중에 하나가 책장을 넘기는 효과인데요. 이를 구현하기 위해서 그동안 플래시와 액션스크립트를 많이 이용되어왔어요. 책 넘기는 효과를 제일 비슷하게 만들수 있으니까요. 하지만 단점이 플래시와 액션스크립트를 모르는 사람에게는 유지관리가 힘들고 플래시가 없는 환경에서는 보여지지가 않는다는거죠. 그래서 html5와 css3의 사용범위가 확대되는 만큼 제이쿼리(jquery)로 책장 넘기는 효과를 플러그인으로 만들려고 해봤어요. 하지만 책을 넘기는 효과의 알고리즘이 생각보다 너무 어렵더군요. 게다가 책 넘기는 효과를 잘못 알고리즘화해서 수차례 수정하게되면..