웹호스팅환경에서 git push 때 자동으로 pull 하기

13 Mar, 2013 - 2 minutes
ssh, bare repository, post-receive hook 을 사용해 로컬저장소에서 push 하면 호스팅 서버에서 자동으로 pull 받을 수 있는 환경을 꾸며봅니다. Bitbucket 에서 private 저장소를 만들어 버전관리를 하고 있는 프로젝트가 있다. 웹 프로젝트이고 이 프로젝트의 결과물은 Cafe24 에 월 500원짜리 웹호스팅에서 서비스된다. 처음엔 remote origin 을 Bitbucket 으로 두고, 이 저장소를 통해 로컬과 호스팅 서버간의 통신을 했다. 소스를 고치고 push 하고, 호스팅서버의 커맨드라인에서 pull 을 해야했으니 매우 불편했다.

Facebook Comment 를 Disqus 로 내보내는 FB2Disqus

24 Feb, 2013 - 1 minutes
페이스북의 Social comment 를 잘 사용하고 있었지만, Disqus 로 옮기고 싶었다. 페이스북 사용자가 아니면 댓글을 달기 어려운 면이 있기 때문에 좀 더 확장하고 싶었다. 그리고 더 큰 이유는 디자인 이었다. 블로그를 새로 꾸미면서 블로그 글 영역을 가변폭으로 만들었는데 Facebook 의 social comment 는 고정폭 만 지원하고 있다.

SSI 를 활용한 프론트엔드 리소스 버저닝

6 Feb, 2013 - 2 minutes

개요 리소스 버저닝은 리소스 캐시를 목적으로 한다. 리소스 캐시는 해당 파일이 변경된 경우 컨텐츠를 새로 전송(Cache Miss)하고, 변경되지 않았다면 컨텐츠를 전송하지 않는(Cache Hit)다. 많이 사용되는 방법으로 버전이름을 쿼리스트링(Query String, GET 파라미터라고도 함)에 명시하는 방법이 있다. 버전이름을 쿼리스트링에 명시하는 방법은

브라우저 자동완성 기능의 미래

4 Feb, 2013 - 3 minutes
Form element 에 autocomplete 기능이 소개된 것은 1999년 Internet Explorer 5이 최초였다. 이후 각 브라우저 별로 산발적으로 지원하던 자동완성 기능은 HTML5에 이르러 표준화 되었다. HTML5 스펙은 2012년 12월 17일 버전으로 기준으로 함. 이전 스펙에서 autocomplete attriute 는 “on” 또는 “off” 값만 가질 수 있었으나 최근의 스펙에서는 on, off 외에 공백으로 분리된 토큰들을 가질 수 있다. 이에 따르면 attribute 이 on, off 가 아니라면 아래와 같은 순서로 동작한다. 1. 첫 8글자가 “section-” 으로 시작하는 경우 필드가 이름을 가진 그룹에 속함을 나타낼 수 있다.

평범한 인터렉션, 비범한 인터렉션

20 Sep, 2012 - 4 minutes
여러분은 지금 어떤 자세로 이 페이지를 보고 있나요? 혹시 턱을 괴고 마우스에 손을 올리고 있지는 않은가요? 웹서핑을 할 때 많은 시간을 마우스와 함께 합니다. 하지만 가끔 양 손 모두가 키보드 위에 올라오는 때가 있죠. 바로 양식(Form)을 입력할 때 입니다. 양식을 채워서 로그인을 합니다. 메일을 쓰는 것도 양식을 채우는 일 입니다. 글을 보고 코멘트를 달아주는 것도 양식을 채움으로써 가능합니다.

Git pull 시에 Merge branch .. 메시지 나오지 않도록 하기

8 Sep, 2012 - 1 minutes

Git Pull 시에 머지 커밋하지 않기 $> git pull 을 실행하면 리모트의 내용과 내 작업내역을 머지하게 되는데 이 때 머지되었다는 커밋을 한번 더 수행해주어야 한다. 이 경우 Merge branch ‘local branch name’ of remote into ‘remote branch’ 와 같은 자동 생성 커밋 메시지가 올라온다. 머지 커밋이 불필요하다고 생각하는 경우라면 $> git pull –rebase 를 사용하면 머지 커밋이 필요없다. ***Github Client 의 Sync 기능이 내부적으로 이와 같이 동작 중임.

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

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