평범한 게 제일 어렵다

구글에서 제공하는 웹페이지 속도 개선을 위한 툴 (PageSpeed Tools) 중 하나인 PageSpeed Insights 를 소개해드리겠습니다. 이것 외에도 PageSpeed Module, PageSpeed Optimization Libraries 가 있는데, 이것들은 다음에 다루도록 하겠습니다. - PageSpeed Tools Insights 위 링크를 눌러 접속하면 아래와 같은 페이지가 뜹니다. URL 입력 부분에 URL을 입력하면 해당 웹페이지의 최적화 가능 항목 (속도 개선 방안) 들을 알려줍니다. 시험삼아 티스토리 공식 주소를 넣어보았습니다. - 모바일 페이지 분석 결과 - 데스크톱 페이지 부분 분석 결과 분석 결과 등급은 Poor , Needs Work , Good 으로 나뉘어집니다. 결과..

input 태그를 이용하여 이미지 파일을 업로드 할 때, 선택한 이미지의 미리보기 기능이 필요한 경우가 있습니다. (서버에 파일을 업로드하지 않고, 미리보기 기능을 구현하는 것) 해당 소스는 크롬, 파폭, 엣지 등 현재 많이 사용되는 최신 브라우저와 익스플로러 11버전 이상만 지원합니다. input file 이미지 선택시, 미리보기 구현 소스 (ie11+) ※ 해당 소스는 제이쿼리와 함께 사용해야합니다. 스크립트 부분 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 ..

요즘에는 웹에서 모바일의 비중이 커지면서 반응형 웹, 모바일 웹 등의 중요성이 커지고 있습니다. 사이트 제작, 운영 부분에서도 PC 버전 못지않게 모바일 버전에 신경을 많이 쓰는 추세이기도 합니다. 그런 추세에 맞추어, 웹페이지가 모바일에서 보기에 적합한지 테스트 해볼 수 있는 사이트를 소개해 드리겠습니다. 본 사이트는 구글에서 제공합니다. 모바일 친화성 테스트 사이트 (바로가기 : https://search.google.com/test/mobile-friendly) 테스트할 사이트의 URL을 입력하면, 해당 사이트의 모바일 친화성을 테스트 해줍니다. (네이버 모바일 웹 테스트 결과) (본 블로그 모바일 버전 테스트 결과) 모바일에 친화적인 사이트의 경우 위와 같은 결과 화면이 뜹니다. 이것 외에도 몇개..

어제 일기를 썼듯이, 일주일이 지나도 애드센스 심사 결과가 안나와서, 오늘 낮에 문의를 넣었었습니다. 심사 중일 때 애드센스 페이지에 들어가보면, 일반적인 경우 최장 3일 걸린다고 안내가 되어있는데 나는 왜 이렇게 늦어지는건지 궁금하다고, 그리고 빠른 처리를 부탁한다고 문의를 넣었습니다. 그리고 저녁이 되어 방금 메일을 열어보니, 그토록 받고 싶었던 애드센스 최종 승인 메일이 와있었습니다. 속는 셈치고 시도해본 방법 (스냅북을 이용한 방법) 으로 일주일만에 애드센스 최종 승인을 받게 되다니... 솔직히 뭔가 기쁨보다는 허무함이 더 큰 것 같습니다. 그동안 애드센스를 승인 받으려고 혼자서 삽질 했던 시간들에 비하면 그 시간이 너무 짧기 때문인지도 모르겠습니다... 지금 돌아보면 스냅북으로 시도하기 이전에 ..

1. 파비콘 만들기 추천 사이트 (http://tools.dynamicdrive.com/favicon/) 이 사이트에서 파비콘을 만드는 방법은 간단합니다. (아래 사진 참고) 1 ) 파일 선택을 클릭하여 파비콘으로 생성할 이미지를 선택합니다. 2 ) 아래의 Create Icon 버튼을 눌러 파비콘을 생성합니다. - 사이트에 기재되어 있듯이, 업로드 이미지의 최대 용량은 150KB 입니다. - Optional 부분에서 사이즈 옵션을 선택하지 않으면, 기본 16x16 사이즈로 생성됩니다. - Create Icon 버튼을 누르면, 파비콘이 적용시 미리보기와 함께 다운로드 버튼이 활성화 됩니다. 3 ) Download FavIcon 버튼을 눌러 파비콘을 다운로드 합니다. 2. 로고 만들기 추천 사이트 (http..