일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 프로그래머
- 3D프린터
- 플러그인
- 웹퍼블리셔
- 웹퍼블리싱
- 포트폴리오
- 쇼핑몰
- work6.kr
- 웹에이전시
- 홈페이지제작
- JQuery
- 커스터마이징
- 개발자
- 웹디자인
- 튜닝
- 홈페이지구축
- 제이쿼리
- 웹디자이너
- jQuery Plugin
- PHP
- plugin
- 홈페이지
- 쇼핑몰제작
- 웹개발자
- CSS
- 사이트제작
- 워크식스
- 안드로이드
- 쇼핑몰구축
- 고도몰
- Today
- Total
목록웹퍼블리싱 (39)
그냥 개발자 블로그
웹디자인기능사 실기에서 무엇보다 중요한것은 퍼블리싱 입니다. 퍼블리싱 결과물에 따라서 합격과 불합격이 결정 되는데요. 실기 시험을 보시는 분들을 위해서 4시간의 동일한 조건으로 난이도 테스트를 진행하였습니다. 앞서 '[워크식스] 웹디자인기능사 실기 (디자인편)'에 이어서 진행했으며 퍼블리싱 + 자바스크립트 포함하여 약 60분의 시간이 걸렸습니다. 디자인 시간을 포함하면 1시간 50분이 걸린셈 입니다. 테스트 과정은 영상으로 남겨 유튜브에 업로드 하였습니다. 저는 테스트 과정중 아톰이라는 에디터 프로그램을 사용하였습니다. 다른 에디터들과 다른점이 크게 없습니다. '[워크식스] 웹디자인기능사 실기 (디버깅편)' 영상 제작을 위하여 html 소스를 일부러 틀리게 작성한 부분이 있으니 참고하여 보시기 바랍니다...
웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..
매장, 샵, 수리점 등 온라인 쇼핑몰 뿐만 아니라 오프라인에서 고객 만족 서비스를 한다면 쇼핑몰에 검색 기능이 있으면 좋습니다. 다음은 고도몰에 지도를 이용한 매장 검색 기능을 추가 튜닝 개발한 사례 입니다.(* 고도몰튜닝 : 독립형을 이용하는 고객의 필요에 따라 원하는 기능을 추가 개발하거나 변경하는 일) 우선, 매장이 추가, 제외 또는 매장 정보가 수정될 수 있기에 고도몰 관리자에 연동하여 관리 할 수 있도록 매장이라는 관리 페이지를 추가 튜닝하였습니다. 매장 관리에는 '매장등록', '매장리스트' 메뉴를 만들어 매장명, 매장사진, 주소, 연락처, 영업시간, 약도, 서비스 내용 등을 관리할 수 있도록 튜닝 하였습니다. 사용자 화면에는 우리나라 지도를 추가하였고, 지역을 선택하면 자동으로 검색 범위를 줄..
부라더는 한국 최고의 재봉기(미싱) 업체 입니다. 현재는 미싱뿐만 아니라 OA 사무용 복합기, 팩스, 프린터, 라벨 프린터 등을 생산 판매하고 있습니다. 과거 사업별로 쇼핑몰이 존재 해왔으나 쇼핑몰을 하나로 통합하여 종합 쇼핑몰을 만들고 이를 통해 통합 브랜드 극대화 및 회원 통합을 실현하였습니다. 종합몰, 부라더미싱, 소잉팩토리, 라벨터치&프린터, cado, morphyrichards, godex 이렇게 7페이지의 메인페이지를 만들었습니다. 또한, 상품 및 카테고리가 다르게 노출되도록하여 7개의 쇼핑몰처럼 보입니다. 그러나 사실은 하나의 쇼핑몰 입니다. 관리자에서 보면 카테고리로 분리된 것을 보실 수 있습니다. 이외에도 오늘만특가 기능, 도매회원만 별도로 상품 분리 노출하는 기능 등을 추가 개발하여 다..
지금까지의 모든 홈페이지 제작 과정은 웹 디자인을하여 홈페이지의 전체적인 이미지를 만들고, 이미지를 설계도 삼아 웹 퍼블리싱하여 실제 홈페이지를 만들었습니다. 하지만 이러한 과정을 이용할 경우 인건비 상승, 반응형 및 웹표준 확인의 어려움, 오랜 작업 기간, 이미지와 퍼블리싱 결과의 불일치 등의 문제가 있었습니다. 위와 같은 문제점들을 보완하고자 웹디자인 과정을 빼고 퍼블리싱을 통해서 직접 디자인하는 퍼블리싱 디자인이 생겨났습니다. 1. 기존 방식 웹디자인 > 고객 검토 > 수정 > 웹 퍼블리싱 > 고객 검토 > 수정 > 완료 2. 퍼블리싱 디자인 방식 웹 퍼블리싱 디자인 > 고객 검토 > 수정 > 완료 2017/04/21 - [IT] - 워크식스에 견적 문의 하는 방법 작성자 : 워크식스
나만의 기능을 쇼핑몰에 구현하고자 고도몰 이나무 독립형을 선택하신 고객께서 튜닝 의뢰를 해주셨습니다. 파파야나인은 승용완구(아이들이 타고 놀 수 있는 자동차 모양의 완구)를 판매하는 쇼핑몰입니다. 파파야나인의 상품은 고가이지만 뛰어난 안정성 및 서비스로 인하여 인기를 얻고 있습니다. 자연스레 인기가 많으니 유사품도 많습니다. 따라서 제품에 대한 정품등록을 할 수 있는 시스템 개발을 의뢰해 주셨습니다. 고도몰 쇼핑몰 관리자에서 정품코드(정품인증키)를 만들어 생산되는 상품에 하나씩 부여해줍니다. 구매자는 쇼핑몰에 회원 가입하여 상품에 붙어있는 정품코드를 입력하여 정품등록되는 방식입니다. 정품등록을 한 회원에게는 회원등급을 자동으로 올려서 그만큼의 혜택을 주어지게 하였습니다. 워크식스에서는 확장성 및 사용자(..