그냥 개발자 블로그

3일만에 새로운 플러그인을 내놓아요. 흔히들 쇼핑몰에서 스카이배너라 불리우는 따라다니는 배너를 구현하는 플러그인이에요. 일단 테스트 영상 함 보실게요. 요런 기능들 많이 보셨죠? 이 기능은 자주 이용하는 메뉴들을 늘 화면에 특정 위치에 존재하게하는 역할로 사이트 방문자들에게 보다 빠른 이동을 가능하게 해주죠. 요즘은 기본적으로 많이 탑재된 기능인데 간혹 디자인이 변경되었거나 실수로 기능이 삭제 되었을 경우 되살리기들 힘들어 하시더라고요. 그래서 플러그인으로 만들어 봤어요. 여타 다른 플러그인들과 마찬가지로 여기홈페이지에서 skyBanner.js 플러그인을 받아가실수 있고요. 영상에서 보여드린 예제를 통해서 사용법을 알아보죠. 예제에 사용된 html 이에요. 보통 사이트에 width 사이즈를 지정하여 가운..

오늘 소개할 플러그인의 기능은 링크 미리 보기 기능 이에요. 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)로 책장 넘기는 효과를 플러그인으로 만들려고 해봤어요. 하지만 책을 넘기는 효과의 알고리즘이 생각보다 너무 어렵더군요. 게다가 책 넘기는 효과를 잘못 알고리즘화해서 수차례 수정하게되면..

매년 9월 1일에 소프트웨어 노임단가(기술자 평균임금, 소프트웨어 노임대가)이 발표되는데요. 역시 올해도 작년에 비해서 소폭 올랐어요. 이번에 발표된 내용을 보면 작년과는 다르게 일평균임금과 더불어 월평균임금과 시간당평균임금이 같이 표기되었는데요. 이는 과거 일평균임금 또는 시간당임금만 표시됨을 악용하여 노동자에게 적합한 임금을 주지 않는 행태를 고치고자 국가에서 월임금 표시 시행으로 인해서 표시된거 같네요. 위 발표된 소프트웨어 평균임금은 15년 9월 1일 부터 16년 8월 31일까지 적용하시면 되요. 기술사 : 기술사자격증 특급기술자 : 고급기술자 자격 취득후 3년 경과, 기사자격 + 박사학위 + 경력3년 고급기술자 : 중급기술자 자격 취득후 3년 경과, 기사자격 + 박사학위중급기술자 : 기사자격증 ..

사용이 가능한 모든 프로그램은 DB가 따라 붙기 마련이죠.node.js도 실제 유용하게 사용하려면 DB 연동은 필수 인데요.소켓통신을 하며 필요한 정보를 내어주기 위한 node.js와 mysql 연결에 대해서 정리해봐요. var mysql = require('mysql');먼저 다음과 같이 mysql을 불러옵니다.mysql 모듈은 기본적으로 설치되어 있어서 express나 socket.io 처럼 별도로 설치해줄 필요는 없어요. var connection = mysql.createConnection({ host :'호스트', port : 3306, user : 'mysql 접속 아이디', password : 'mysql 접속 비밀번호', database:'mysql 접속 데이터베이스' });연결정보를 작성..