그냥 개발자 블로그

구글에서는 다양한 연구를 시도하고 있습니다. 그 중에 하나가 모바일 사이트를 앱으로 쉽게 만드는 것 입니다. 이 것은 연구 단계임에도 많은 웹 사이트들이 사용하고 있습니다. 1. 테스트 페이지 만들기 테스트 모바일 사이트가 될 index.html 을 만듭니다. Hello World. This is work6 lab. 2. 매니페스트 파일 만들기 manifest.json 은 표시되는 방식을 제어하는 기능을 제공하는 JSON 파일입니다. { "name": "Hello World", "short_name": "Hello World", "icons": [{ "src": "/img/icon-128x128.png", "sizes": "128x128", "type": "image/png" },{ "src": "/im..

아이폰의 사파리에서는 클릭이 동작하지 않을 때가 종종 있습니다. 버그인 것 같습니다. 이를 해결하기 위한 여러 가지 방법이 있지만 가장 쉬운 방법은 스타일에 cursor:pointer 를 지정해주면 됩니다. cursor:pointer; [문의하기] copyright ⓒ 2018. 워크식스

안드로이드앱을 만드는 방법은 크게 네거티브 방식과 웹뷰를 이용하는 방식 두가지가 있습니다. 여기서 우리가 다룰 방법은 가장 효율성이 좋은 웹뷰를 이용하는 방식으로 모바일웹 페이지를 불러와 표현하는 방식 입니다. 참고로 구글에 개발자 등록하는 방법과 안드로이드 개발 툴 ADT 설치 방법 등에 대해서는 검색을 통해서 학습하시기 바랍니다. 1. 안드로이드 스튜디오를 실행해서 새로운 프로젝트를 생성합니다. 2. 어플리케이션 이름과 회사도메인을 입력하면 패키지명이 자동으로 만들어집니다. 프로젝트를 저장할 경로를 입력해 줍니다. 3. 동작시킬 안드로이드 폰의 최저 버전을 선택 합니다. 일반적으로 API 15를 선택해주면 됩니다. 4. 빈 액티비티를 선택해 줍니다. 5. 액티비티명과 레이아웃명는 변경해도 되지만 그냥..

부라더는 한국 최고의 재봉기(미싱) 업체 입니다. 현재는 미싱뿐만 아니라 OA 사무용 복합기, 팩스, 프린터, 라벨 프린터 등을 생산 판매하고 있습니다. 과거 사업별로 쇼핑몰이 존재 해왔으나 쇼핑몰을 하나로 통합하여 종합 쇼핑몰을 만들고 이를 통해 통합 브랜드 극대화 및 회원 통합을 실현하였습니다. 종합몰, 부라더미싱, 소잉팩토리, 라벨터치&프린터, cado, morphyrichards, godex 이렇게 7페이지의 메인페이지를 만들었습니다. 또한, 상품 및 카테고리가 다르게 노출되도록하여 7개의 쇼핑몰처럼 보입니다. 그러나 사실은 하나의 쇼핑몰 입니다. 관리자에서 보면 카테고리로 분리된 것을 보실 수 있습니다. 이외에도 오늘만특가 기능, 도매회원만 별도로 상품 분리 노출하는 기능 등을 추가 개발하여 다..

홈페이지 및 쇼핑몰을 운영하다 배너 및 스타일(css)를 수정했는데 수정한대로 안보여질때가 있습니다. 이유는 캐시 때문인데 스마트폰으로 모바일웹을 방문하면 우리는 느끼지 못하지만 임시파일(캐시) 형태로 이미지나 스타일(css)가 저장됩니다.그래서 다음에 재방문할때 보다 빠르게 열리는 것 입니다. 하지만 변경전 파일이름이나 변경후 파일이름이 같아서 수정된 것을 스마트폰이 인식하지 못할때가 있습니다.시간이 한참 지나면 자연스레 수정된 것으로 반영하지만 당장 수정을하고 정상적으로 수정되었는지 확인하기엔 불편합니다. 이럴땐 캐시를 삭제하여 바로 수정된 내용을 확인하실 수 있습니다. 가장 많이 사용되는 모바일 브라우저 크롬과 네이버앱을 대상으로 설명드립니다. 1. 크롬 캐시 삭제 하기 1. 우측 상단에 설정 버튼..

모바일웹에서 가로사이즈를 초과하는 메뉴가 있을 경우 메뉴에 슬라이드 기능을 추가하면 유용 합니다. touchMoveMenu.js 플러그인은 워크식스에서 다운로드 받을수 있으며, 기본 설치 방법은 아래와 같습니다. 다이얼미싱 전자미싱 이노비스 퀼트미싱 자수미싱 오버록미싱 컴퓨터자수기 스캔앤컷 기타 1. 제이쿼리 설치가 필요 합니다. 다이얼미싱 전자미싱 이노비스 퀼트미싱 자수미싱 오버록미싱 컴퓨터자수기 스캔앤컷 기타 2. 다운로드 받은 플러그인을 연결합니다.( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 다이얼미싱 전자미싱 이노비스 퀼트미싱 자수미싱 오버록미싱 컴퓨터자수기 스캔앤컷 기타 3. 기본적인 스타일을 작성 합니다. 다이얼미싱 전자미싱 이노비스 퀼트미싱 자수미싱 오버록미싱 컴퓨터..

스마트폰으로 홈페이지(쇼핑몰) 방문시 바탕화면에 바로가기 아이콘이 자동으로 생성되게 도와주는 플러그인 입니다. bookmark.js 플러그인은 워크식스에서 다운로드 받을수 있으며, 기본 설치 방법은 아래와 같습니다. 1. 제이쿼리 설치가 필요 합니다. 2. 다운로드 받은 플러그인을 설치 합니다. ( 플러그인은 워크식스 홈페이지에서 다운로드 받으실 수 있습니다. ) 3. 원하는 페이지에 플러그인이 실행될 수 있도록 합니다. 4. 홈 화면에 생성된 아이콘을 클릭하였을때 오픈할 페이지 주소를 작성합니다. 5. 홈 화면에 생성될 아이콘 이미지가 있는 주소를 입력 합니다. 도메인은 4번에서 설정한 url과 같아야 합니다. (다운로드 하시면 아이콘 만들기 PSD 가 있습니다.) 6. 홈 화면에 생성된 아이콘의 이름..

모바일웹에서 숫자는 무조건 링크 걸리는 현상을 메타 태그를 통해서 막을수 있어요. 이거 한줄이면 끝! 대신에 전화 번호에 링크를 걸려면 아래처럼 전화를 거는 링크