웹솔루션개발 22년 노하우! 해피CGI의 모든것

​ 작업중인 사이트의 태그 안에 아래의 코드를 삽입합니다. 아래 사이트에서 원하시는 아이콘을 선택합니다. https://material.io/tools/icons/?style=baseline 아이콘을 선택하고 좌측의 소스를 복사하여 사용할 수 있습니다. /* Rules for sizing the icon. */ .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } /* Rules for using icons as black on a light backgr..

구글에서 제공하는 API를 이용하여 페이지의 스크린샷을 찍을 수 있습니다. 현재 구글에서 제공하는 pagespeed api 는 Ver4 입니다. 첨부된 파일을 다운로드 받아서 php 실행 가능한 환경에서 사용하시면 됩니다. 장점 1.유료 모듈이 아니며 어떠한 클래스 설치가 없이도 사용 가능 합니다. 2.스냅샷이 가능 합니다. 3.키 발급이 필요 없기 때문에 쉽게 사용 가능 합니다. 단점 1.스크린샷 이미지의 너비는 320px 고정입니다. 2.고해상도 스냅샷에는 적합하지 않습니다. 3.Falsh 또는 Java 와 같은 플러그인들은 작동하지 않습니다. 4.복잡한 Javascript 는 거의 작동하지 않습니다. 5.구글을 통해서 스크린샷을 구성하기 때문에 다소 느립니다. 페이지 전체를 캡쳐 할 수 있도록 다음..

구글에서 운영 제공하는 무료폰트 입니다. 적용전에 미리 보고 선택 이용이 가능한 웹폰트 google fonts 입니다. 다양한 폰트를 이용하고 싶은데 사용자 마다 설치되는 않은 폰트로 인해 한계가 있다면 꼭 한번 써보세요. 이용방법 1. 해당 사이트에 접속 2. 마음에 드는 웹폰트를 찾습니다. 3. 폰트별 우측상단에 있는 + 버튼능 클릭해서 담습니다. 4. Family selected에서 담아놓은 폰트를 확인하고 연결하는 방법대로 적용할 웹페이지에 소스를 삽입니다. 5. 출력물을 확인하면 끝.. 단, 아직 한글용 폰트는 없다는 단점이 있네요.

구글에서 제공하는 캡챠 기능 입니다. 기존의 타 캡챠 기능처럼 보여지는 이미지내의 문자를 입력 하는 방식이 아닌, 체크박스에 체크를 하는것으로 인증이 마무리가 되는 형태와, 아에 해당 체크도 없이 진행 할 수도 있는 구조 입니다. 하지만 IE11 미만에서는 구동이 안되네요 ^^;; 해당 캡챠를 이용 하실려면 IE11 이하는 별도의 캡챠 프로그램이 구동 되도록 해야 되는 번거로움이 있겠습니다. https://www.google.com/recaptcha/intro/index.html 위 페이지에서 관련 내용을 자세하게 확인이 가능 합니다. 해당 기능을 이용 하실려면 상단의 Get reCAPTCHA 버튼을 클릭해서 키를 받은뒤에 이용이 가능 합니다. 해당 버튼을 클릭해서 라벨과 도메인 주소를 입력해서 등록을 ..

Google Maps API V3 에서 제공되고 있는 길찾기 기능 입니다. 출발지와 목적지의 위도/경도 값을 이용해서 자가운전, 걸어서이동, 자전거, 대중교통 각각의 길찾기 기능을 제공 하고 있습니다. 국내에도 서비스가 되면 좋겠지만 서울지역과 대구지역을 테스트 해보니 해당 기능이 제공 되지 않고, 에러코드가 나오는것을 확인이 가능 했습니다. 시간이 지나면 한국에도 서비스 되기를 기대 해봅니다. ^^; 해당 API 이용방법은 아래 페이지에서 샘플 코드를 통해 확인이 가능 합니다. https://developers.google.com/maps/documentation/javascript/examples/directions-travel-modes 샘플코드중에 중요한 부분이 아래에 마킹이 된 소스 입니다. o..