일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 쇼핑몰제작
- 프로그래머
- JQuery
- PHP
- 쇼핑몰구축
- 사이트제작
- 홈페이지제작
- 안드로이드
- 웹개발자
- 포트폴리오
- 웹퍼블리셔
- 웹퍼블리싱
- 제이쿼리
- 커스터마이징
- 홈페이지
- CSS
- 개발자
- 3D프린터
- 고도몰
- 워크식스
- 웹에이전시
- work6.kr
- 쇼핑몰
- 플러그인
- 튜닝
- 웹디자인
- jQuery Plugin
- 홈페이지구축
- 웹디자이너
- plugin
- Today
- Total
목록워크식스 (302)
그냥 개발자 블로그
인터넷이 없이 살기란 불가능할꺼 같은 세상에서 우리는 살고 있어요. 특히나 우리나라는 전국적으로 웹 서비스가 잘 제공되고 있죠. 그에 따라 웹 직업군이 발달하게되고 다양한 직업이 나타나고 세분화 되었어요. 그래서 오늘은 미래를 설계하는 청소년들을 위해 웹쪽으로 어떠한 직업들이 있는지 살펴 볼게요. 웹기획자 기획 이라는 단어는 뭔가를 계획하고 설계하는걸 말하잖아요. 그래서 웹기획자는 웹 프로젝트를 설계하고 계획하는 일, 무엇이 필요한지 요구를 분석하는 일 등을 하게되요. 웹기획자는 웹에 대한 모든 방면으로 지식이 있어야 하고요. 이외에도 시스템을 설계하기 위해 박학다식 해야해요. 물류창고는 어떻게 운영되는지 쇼핑몰에서 옷이 판매되서 나가는 과정이라던지 등등... 아! 그리고 커뮤니케이션도(의사소통력) 뛰어..
쇼핑몰을 만들때 속도 및 부하 정도를 테스트 함으로서 고객들이 원할한 쇼핑을 할수 있게 하고 불필요한 지출을 막을수 있죠. 이는 대형 쇼핑몰일수록 순이익과 고객들이 자주 이용하는 쇼핑몰의 지표가 될수 있기 때문에 매우 중요하죠. 그래서 쇼핑몰 서비스를 진행중인 카페24, 가비아, 메이크샵, 고도몰 대표 회사 4곳을 테스트 해보았어요. 비교군들은 실제 운영되며 각 회사들이 대표하는 쇼핑몰중에 디자인 및 스크롤 길이가 비슷한것을 골랐어요. 100명의 고객이 쇼핑몰을 3초간 머물기를 10회 반복 하도록 프로그램을 실행시켰는데요. 즉 1000명의 고객이 사이트를 들락날락 거린게 되죠. 세로축은 응답시간(1000=1초) 가로축은 경과시간을 나타내며 그래프의 높이가 낮을수록 경과시간 폭이 좁을수록 좋다고 볼수 있어..
오늘은 일단 동영상부터 보실까요? ㅎㅎ 아! 위 영상은 네이버가 아니에요. 네이버와 같이 비슷한 환경을 만든거에요 ㅋㅋ 동영상에서와 같이 각종 포털 사이트에서 작은배너를 큰배너로 확장시켜주는 영역들이 존재하는데요. 수요가 늘고 있어서 간단하게 제이쿼리(jquery) 플러그인으로 만들어봤어요. 플러그인은 홈페이지에서 다운받아 이용해보실수 있게 해놨어요. 이름은 bigbanner.js 라고 찾으시면 나올거에요 ㅎㅎ 그렇다면 이제 사용법에 대해서 한번 볼게요. 먼저 위과 같이 html을 작성해주셔야 하는데요. id는 어떤것이든 원하는것로 해주시고요. 첫번째 a태그 안에는 작은배너 이미지를 넣어주시고요. areabig 클래스 안에는 큰 배너이미지 또는 별도로 html 내용을 넣어주세요. CSS는 작은배너 사이즈..
패럴렉스 스크롤 사이트라고 들어 보셨나요?마이크로 사이트, 커머스 사이트, p2p 사이트 등 다양한 사이트 타입을 들어 본 저로써도 패럴렉스라는 단어는 생소 했는데요. 알고 보니 제가 이미 알고 있던 타입의 사이트 였더군요. 어찌보면 패럴렉스 스크롤 사이트는 마이크로 사이트의 한 부분이라고 하면 될꺼 같은데요. 이해를 돕기위해서 영상을 준비 했어요. 위 영상은 이해를 돕기위해서 페럴렉스 스크롤 사이트를 급하게 구현한 것 이에요.패럴렉스란 모니터상에서 화면이 (상하 또는 좌우)스크롤될 때, 배경 이미지와 오브젝트가 시차를 두고 움직이도록 하는 기법이에요. 저도 이번에 이러한 용어를 알게 되었네요. 마이크로 사이트는 간혹 밋밋한 느낌을 줄때가 있는데 패럴렉스 효과를 사용하면 더 극적으로 사용자에게 어필..
2016/08/02 - [Jquery] - dropdownbanner.js - 쇼핑몰 상단배너 플러그인 [소개] 쇼핑몰 최상단에 위치하는 드롭다운배너를 만들어 줍니다. [플러그인명] dropdownbanner.js [버전] 1.0최초작성 [사용법] 오늘은 더이상 보지 않기닫기 1. 예제 html을 작성 합니다. 오늘은 더이상 보지 않기닫기 2. 예제 스타일을 작성해 줍니다. 이때 높이는 전체배너의 높이를 지정해 줍니다. 오늘은 더이상 보지 않기닫기 3. 여기 홈페이지에서 제공하는 cdn을 복사하여 붙여 넣습니다. 오늘은 더이상 보지 않기닫기 4. document가 로딩이 완료되면 원하는 배너의 아이디를 선택자로 dropdwonbanner를 실행해 줍니다. [옵션설명]
레시피 사이트였는데 고객들이 레시피를 보다가 레시피에 나오는 상품들을 드래그앤드롭해서 상품을 담았다가 한번에 구매하는 기능을 구현했었죠. 그중에서 가장 오래 시간이 걸리고 머리 아프게 했던 부분이 제이쿼리(jquery)로 드래그앤드롭 하는거였는데요. 해당 기능을 2년이 지난 지금에서야 제이쿼리(jquery) 플러그인화했어요. 아래 영상으로 보시면 어떠한 동작인지 더 이해가 빠르실꺼에요. 마우스를 선택한 요소를 클릭한 상태에서 반대편 박스안으로 가져가면 이동되는걸 보실수 있으실꺼에요. 그렇다면 예제를 한번 보실까요? 12345678a1a2a3a4a5a6a7a8 먼저 제이쿼리(jquery) 플러그인을 사용하기 위해서는 위와 같은 구조의 html 이 필요하고요. id는 서로다르면 어떤것을 해도 상관없어요. 1..
모바일웹은 화면이 좁아서 많은 메뉴를 넣기 애매할때가 자주 있죠. 그럴때 사용하면 좋은것이 회전메뉴인데요. 회전메뉴가 뭐냐구요? 아래 영상을 한번 보실게요. 이게 회전 메뉴에요. 회전메뉴를 통해서 좁은공간에도 많은 메뉴를 사용할수 있다는게 장점이죠. 그러나 구현이 복잡하다는게 단점인데요. 회전메뉴 단점을 극복하고자 제이쿼리(jquery) 플러그인을 만들었어요. 예제를 통해서 사용법을 살펴보면.... 15378264 Menu 우선 태그를 이렇게 작성해주었어요. 다른때 제이쿼리(jquery) 관련 포스팅보다 태그가 많은데요. 원형을 만들어야 하다보니 어쩔수 없었네요. id적힌곳이 두개가 보이는데 는 원하는대로 적어주시면 되요. 단, rmlist는 필수 클래스명로 변경되어선 안되요. 15378264 Menu ..
웹에서 팝업창이 보안및 사용자의 편의를 방해하는 골치거리가 되어 버리면서 최근 추세는 새로운 창으로 팝업을 띄우기 보다 꼭 필요할때를 제외하고는 자바스크립트를 통해 레이어팝업을 띄우는게 유행이죠. 그래서 사이트 이용자에게 알리기위한 공지를 레이어팝업으로 많이 이용하는데요. 하지만 레이어 팝업을 만들기란 여간 까다로운게 아니죠. 왠만한 동작은 자바스크립트로 구현을 해야하며 요즘 필수인 오늘은 그만 보기 기능을 위해서 쿠키도 다룰줄 알아야죠. 하지만 이모든게 귀찮다면 간편하게 구현을 목적으로 제작한 notipopup.js 제이쿼리(jquery) 플러그인을 이용해보세요. notipopup.js 제이쿼리(jquery) 플러그인 테스트 영상이에요. 테스트에 사용된 예제는 아래와 같아요. TODAY CLOSECLO..