PWA(프로그레시브 웹 앱, Progressive Web Apps) 유효성(매니페스트(manifest), service worker ) 검사방법

PWA(프로그레시브 웹 앱, Progressive Web Apps) 가 잘 구현되는지는 스마트폰에서 일일히 검사하지 않고 데스크톱/PC에서도 확인할 수 있습니다. 그 방법은 크롬 브라우저의 개발자도구를 이용하는 방법과 Lighthouse 크롬 확장프로그램(addon, 부가기능) 을 이용하는 방법이 있습니다.  숙달이 되시면 Lighthouse 크롬 확장프로그램을 이용하는 것보다 크롬 개발자 도구를 이용하는 것이 빠르고 쉽습니다. (   1. 크롬 브라우저의 개발자도구를 이용하는 방법 크롬 브라우저에서 [개발자 도구] […]

워드프레스에서 Push Notifications(푸쉬 알림) 구현하기와 홈화면 추가(add to homescreen) : OneSignal

web 을 app 으로 구현하기 위해서는 홈화면 추가( add to homescreen ) 와 Push Notifications(푸쉬 알람) 구현하기가 필요한데, 홈화면 추가( add to homescreen ) 관련 plugin에는 괜찮은 것이 없습니다.  OneSignal의 Push Notifications(푸쉬 알람) 에서 혹시 홈화면 추가( add to homescreen ) 이 있는지 기대해봅니다.  물론 OneSignal의 Push Notifications(푸쉬 알람) 는 위대합니다.    Push Notifications(푸쉬 알람) 구현하기   OneSignal – Web Push Notifications […]

구글 설문지 부가기능중  Google Form Notifications 이용하여 스마트폰에 알람 보내기

Google Form Notifications 부가기능을 이용하면 응답자가 온라인 Google 양식을 작성하여 제출하면 즉시 iPhone 또는 Android 휴대 전화 에서 실시간 푸시 알람을 보낼 수 있습니다. ( 출처 : How to Receive Push Notifications for Google Forms on your Mobile Phone ) Google 설문지에 대한 모바일 알림 설정 시작하고 실행하려면 몇 가지 간단한 단계가 필요합니다.  Google 부가 기능 스토어에서 Google 양식에 대한 이메일 알림( Email Notifications […]

용역(이사, 도배, 용달 등) 주선업 app 개발하기

워드프레스로 용역(이사, 도배, 용달 등) 주선업 app 개발하고 정리해 보았습니다.     개발 단계 개요 1. 견적요청 DB를 생성하여 구글 스프레드 시트로 공유하      1-1. 구글 설문지로 견적 요청서 만들기     1-2. 구글 설문지를 DB로 전환하기     1-3. 생성된 DB를 데이터로 활용하기(도표 만들기 및 사이트에 집어넣기)     1-4. 워드프레스 폼 플러그인들(form plugins)로 견적요청 DB를 생성하여 […]

사이트 빌더별(카페24 쇼핑몰, 메이크샵, Woocommerce(워드프레스) 등) https 로 사이트 구축하기/전환하기(SSL 인증서 적용하여 보안서버 구축하기)

HTTPS / SSL 의 의미   HTTPS HTTPS(HyperText Transfer Protocol over Secure Socket Layer, HTTP over TLS,[1][2] HTTP over SSL,[3] HTTP Secure[4][5])는 월드 와이드 웹 통신 프로토콜인 HTTP의 보안이 강화된 버전입니다. HTTPS는 통신의 인증과 암호화를 위해 넷스케이프 커뮤니케이션즈 코퍼레이션이 개발했으며, 전자 상거래에서 널리 쓰입니다.  HTTPS는 소켓 통신에서 일반 텍스트를 이용하는 대신에, SSL이나 TLS 프로토콜을 통해 세션 데이터를 암호화합니다. 따라서 데이터의 적절한 보호를 보장합니다. HTTPS의 기본 TCP/IP 포트는 443입니다. ( 출처 : https://ko.wikipedia.org/wiki/HTTPS )   SSL […]

Export WordPress data to XML/CSV 플러그인 / Import any XML or CSV File to WordPress 플러그인

개요 https://wordpress.org/plugins/wp-all-export/ 버전: 1.2.3 글쓴이: Soflyy 최근 업데이트: 5 일 전에 요구되는 워드프레스 버전: 4.1 또는 이상 호환되는 버전: 5.1 활성 설치: 50,000+   설치 및 활성화 사용법 WordPress 데이터를 사용자 정의 된 CSV 또는 XML로 바꿉니다. 내보낼 데이터 선택 : WP All Export의 드래그 앤 드롭 인터페이스를 사용하면 내보내 려는 데이터를 쉽게 선택할 수 있습니다. 그러나 원하는대로 내보내기 파일을 구조화하십시오. CSV 열과 XML 요소의 이름을 바꾸고, […]

코드엠샵의 엠샵 네이버 페이 플러그인

전제 조건 1. 네이버페이센터에 입점이 되어 있어야 합니다.  2. 네이버페이센터에 입점하기 위해서는 사업자등록증과 기존에 PG사를 이용하고 있어야 합니다.    네이버페이 입점 안내 네이버페이는 네이버페이에 입점 후 이용할 수 있는 네이버의 결제 대행 상품입니다. 네이버페이 입점에 관련한 자세한 정보는 네이버 페이로 문의 해 주세요. 네이버페이 입점 신청하기     네이버 페이 개요   네이버 ID 로 결제하는 네이버 […]

사이트 URL에 www가 표시되지 않는 문제(워드프레스 관련)

워드프레스로 만든 사이트인데 사이트 URL앞에 www가 표시되지 않는 경우가 있습니다. 예를들어 www.abc.com 으로 표시되어야 하는데 abc.com으로 표시되는 경우가 이런 경우입니다.  월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공간을 말합니다. (출처 : 위키백과 https://ko.wikipedia.org/wiki/%EC%9B%94%EB%93%9C_%EC%99%80%EC%9D%B4%EB%93%9C_%EC%9B%B9 ) 여기서 저에게 의미가 있는 단어는 ‘전 세계적인 정보 공간’입니다. www가 없는 경우, 한국내에서 […]

Collapse-O-Matic plugin_title

Collapse-O-Matic plugin : 워드프레스. 티스토리에서는 ‘더보기’, 네이버 블로그에서는 ‘요약글’, ‘접기/펼치기’라고도 불리우는 기능을 실현할 수 있는 워드프레스 플러그인

  개요 워드프레스. 티스토리에서는 ‘더보기’, 네이버 블로그에서는 ‘요약글’, ‘접기/펼치기’라고도 불리우는 기능을 실현할 수 있는 워드프레스 플러그인입니다. 버전: 1.7.9 글쓴이: twinpictures, baden03 최근 업데이트: 10 개월 전에 요구되는 워드프레스 버전: 4.7 또는 이상 호환되는 버전: 4.9.9 활성 설치: 70,000+ WordPress.org 플러그인 페이지 » 플러그인 홈페이지 » 이 플러그인에 기부하기 »   설치 및 활성화   사용법   기본 사용법 기본 사용법은 간단합니다.  […]

워드프레스의 장점

워드프레스를 단순히 블로그를 위해 시작하는 분도 홈페이지 제작을 위해 시작하는 분들도 사이트가 활성화되면 수익창출을 위해 자연적으로 쇼핑몰로 확장하는 경우가 많습니다. 워드프레스는 블로그 > 홈페이지 > 쇼핑몰로의 전환이 가능한 유연한 사이트빌더입니다.    워드프레스의 장점 모바일 친화적 쉬운 사용법 강력한 플러그인 시스템 다양한 디자인 테마 사용 저렴한 제작비용 편리한 유지보수 손쉬운 업데이트   WordPress is the world’s most popular […]