✔ 블로그에 구글의 웹로그 분석 도구인 애널리틱스(Analytics) 연동하기 이 글은 티스토리 블로그를 기준으로 작성되었습니다. 이하 블로그는 티스토리 블로그를 말하는 것입니다. 블로그 관리자 화면에서는 유입키워드, 유입경로, 방문자 통계, 검색어 통계가 제공되는 전부로 통계 및 유입 정보에 대한 내용이 많이 부족합니다. 그래서 구글의 웹로그 분석 도구인 애널리틱스(Analytics)를 많이 사용하고 있는데요. 이번에는 블로그에 애널리틱스(Analytics)를 연동하는 방법에 대해서 알아보도록 하겠습니다. 여기서는 자바스크립트를 skin.html에 삽입하는 방식을 사용하지 않고, 더 간단하고 쉬운 방법인 플러그인을 이용해서 연동하는 방식을 사용하도록 하겠습니다. 구글에서 제공하는 서비스이기 때문에 구글..

✔ 사이트 호환성 테스트를 해보자 IE (Internet Explorer)에서 사이트나 블로그를 이용할 경우 IE 버전마다 화면이 다르게 보인다거나 JavaScript가 정상으로 동작하지 않거나 하는 경우가 생기는데요. 특히, 반응형으로 개발된 사이트는 IE 버전별 화면이 다르게 보여지는 경우가 많기 때문에 IE 버전별 호환성 테스트를 꼭 해야합니다. 그래서 프로그램 설치 없이 IE 개발자도구를 이용해서 IE 버전별 사이트 호환성 테스트를 할 수 있는 방법에 대해서 알려드립니다. ✔ IE 개발자도구 사용하기 IE (인터넷 익스플로러) 자체에 개발자도구가 탑재되어 있습니다. 이 개발자도구를 이용해서 호환생 테스트를 해보겠습니다. (IE 11 버전에서 테스트를 진행하였습니다.) ✔ 설정 > F12 개발자 도..

✔ 소스 코드를 보기좋게 Color Scripter 블로그에 프로그래밍 관련 포스팅을 하려면 프로그램 소스코드가 내용에 포함되는게 비일비재한데 쉬운 방법으로 가독성 있고 보기 좋게 소스코드를 실시간으로 보여주고 삽입할 수 있는 Color Scripter (컬러 스크립터) 라는 사이트가 있어서 소개하려고 합니다. 예전에 프로그래밍 관련 블로그를 운영했었는데 그때는 SyntaxHighlighter 라는 플러그인 형태의 자바스크립트 라이브러리를 사용했었습니다. 하지만, 사용하면서 불편함을 느껴서 더 쉽고 편하고 가볍게 지원해주는 걸 찾는 중에 발견하게 되었습니다. SyntaxHighlighter의 단점 1. JS와 CSS 파일을 추가로 업로드해야하고, skin.html 에 사용하려는 JS와 CSS 파일을 in..