SSI를 이용한 HTML 산출물 모듈화

31 Aug, 2012 - 4 minutes
개요 SSI 는 Server Side Include 의 약자로, 웹서버에서 직접 제공하는 서버사이드 스크립트 언어 입니다. PHP, ASP, JSP 등도 서버사이드 스크립트 언어의 범주에 들어가지만, SSI 는 대부분의 웹서버에서 직접 지원하고, 문법이 HTML 형식이라는 특징이 있습니다. 문법을 살펴보면, <!–#include virtual=”../quote.txt” –> 와 같이 HTML 의 주석 문법에 #을 붙인 형태로 지시자를 작성하고, attirubte 을 사용해 파라미터를 전달합니다. 일반적인 지시자들 일반적으로 많이 사용하는 지시자들 입니다.

HTML5 Page Visibility API

16 Aug, 2012 - 1 minutes

Page Visibility API * 브라우저에서 탭이 이동해서 안보이는 경우, 비디오는 끄고 싶다. * 페이지가 안보이는 중에는 이미지 로테이션을 멈춰두고 싶다. * 페이지가 안보이는 중에는 서버에 요청하지 않았으면 좋겠다. 이런 경우에 사용하기 위해 Page Visibility API 스펙이 표준화되고 있습니다.

모바일 웹 디버깅 툴 – Weinre

17 Jan, 2012 - 3 minutes
국내 모바일 브라우저 시장 점유율은 2011년 12월 현재 Webkit 계열이 99% 이상의 점유율을 가지고 있다(Statcounter 기준, Android, iPhone, iPod Touch, Dolfin 을 합한 수치). 하지만 Webkit 계열의 브라우저로 천하통일되었더라도 모바일 사이트를 구축하는 것은 여전히 쉽지 않은 일이다. 단말기가 다양할 뿐 아니라 단말기마다 사용된 웹킷 브라우저 버전이 각각 다르고, 단말기에 적용된 OS 버전에 따라서도 다르다. 심지어는 제조사의 커스터마이징이 이루어진 경우도 심심치 않게 볼 수 있다. 같은 회사에서 나온 라인업(갤럭시 S, 갤럭시 K 등) 에서도 다르게 동작하는 경우마저 있다.

Semantic URL 를 프로젝트 내 소통수단으로!

13 Dec, 2011 - 4 minutes
Semantic URL이란? Semantic URL 은 Clean URL, Fancy URL, Rewritten URL 으로 불리기도 합니다. 위키피디아에서는 Semantic URL과 Clean URL을 각각 다른 용어로 정의하고 있기는 하지만 내용을 살펴보면 근본적으로는 비슷합니다.  즉, 비전문가(사용자)에게 친숙한, (의미를 표현하는)구조적인 URL입니다.

위지윅(WYSIWYG) 에디터를 만들고자 할 때 고려할 사항

8 May, 2011 - 3 minutes
원문은 http://bit.ly/ksonHb 에서 보실 수 있습니다. 1. iframe docs vs. contenteditable divs 위지윅에디터를 제작하고자 할 때 iframe을 사용할 지, 어느 엘리먼트에나 존재하는 contenteditable 속성을 이용할 지 고민될 수 있습니다. 답변자는 iframe을 추천합니다. 그 이유로:  iframe내에서는 문서 타입, CSS, script 등을 이용해 완전한 제어를 할 수 있습니다. 여러 다른 페이지내에서 통일된 액션과 모습을 보여주는 데에 꼭 필요합니다. 특히 Firefox에서 contenteditable 속성을 가진 엘리먼트가 매우 버그가 많은데, 이것은 몇 년 전부터 있어왔고 아주 잘 동작하는 document의 designMode속성에 비해(pre-1.0 부터인가? 확실하지 않습니다) 이 속성이 비교적 최근에(3.0버전부터) 도입되었기 때문입니다.   2.