Blog

!important의 느낌표는 구분기호

CSSTidy를 테스트 하던 듀트님이 버그가 있다고 했다. color: red !important;를 넣으면 color:red!important;로 느낌표 앞의 공백도 없어진다는 거다. 나도 버근줄 알고 테스트 케이스 만들어보니 왠걸, 잘 작동한다. However, for balance, an "!important" declaration (the delimiter token "!" and keyword "important" follow the declaration) takes precedence over a normal decla ……

dev |2012-09-02 | Comments (4)

가로세로 비율을 유지하는 반응형 박스

반응형 웹디자인에서는 max-width: 100%나 width: 100%를 활용하여 콘텐츠가 컨테이너의 너비에 맞게 유동적으로 변경되게 하는 기법이 많이 사용된다. 이 때 높이는 콘텐츠가 가지고 있는 높이를 따르게된다. 컨텐츠가 글자라면 높이가 유동적이어야 하지만 이미지나 비디오의 경우에는 좌우 폭에 따라 비율이 유지되어야 한다. 가로가 100%로 되어 있기 때문에 세로도 퍼센트 값을 지정하면 되겠지만 퍼센트 값은 상위 요소의 값에 상대적이기 때문에 상위 요소의 높이를 지정할 수 없는 경우라면 퍼센트로 높이를 지정할 수 없다. 이 ……

dev |2012-08-22 | Comments (39)

라이언에서 앱스토어만 로그인이 안되는 문제

정확히 어느 시점에 문제가 시작됐는지 기억은 잘 안나는데 에어에 마운틴 라이언을 설치하려고 앱스토어에 들어가니 구매 내역과 업데이트 탭을 누르니까 연결할 수 없다는 오류가 나왔다. 로그인에 문제가 있나 싶어서 로그아웃하니 "Connection failed."라는 메시지가 나오면서 그 이후로 어떠한 계정으로도 로그인이 안됐다. 애플 코리아 고객 센터에 문의해서 PRMA과 NVRAM 리셋, 사용자 계정을 새로 만들어서 시도해도 안되어서 전문 부서로 넘어갔다. 그런데 그쪽의 QA가 서버쪽에 문제가 있는 것 같다고 자기들 머신에서도 비 ……

life |2012-08-14 | Comments (4)

파란 종료

내 손을 거쳐간 많은 사이트가 이제는 흔적만 남았지만, 파란에 기여한 코드가 그리 많지는 않지만, 파란 종료는 슬픔도 아닌, 아쉬움도 아닌 감정을 준다. 하이텔부터 시작한 kth와의 인연이 여기까지 이어져서 더욱 그런지도 모르겠다. 파란은 이제 역사가 되었지만 kth가 또 다른 역사를 쓸 수 있도록 기원한다.

work |2012-08-01 | Comments (2)

마진과 패딩에 퍼센트 값 적용

가변 폭 비디오를 만드려고 검색했다가 발견(내가 참고했던 글을 못찾겠다;;)했는데 마진과 패딩에 퍼센트로 값을 지정하면 내 예상과는 다른 값이 지정된다. 보통 마진과 패딩은 고정된 값을 지정하고 퍼센트 같은 상대값으로 지정하지는 않는다. 퍼센트는 상대값이기 때문에 기준이 되는 요소가 있어야 하는데 마진이나 패딩을 지정한 요소가 아니라 상위 요소를 기준으로 적용된다. 더더욱 특이한 점은 상하 마진/패딩이 상위 요소의 높이를 기준으로 하지 않고 너비를 기준으로 한다는 점이다. 좌우 마진/패딩은 상위 요소의 너비를 기준으로 값을 취하는 ……

dev |2012-07-24 | Comments (6)

수정 블로그 Git 저장소

가끔 수정(Soojung) 블로그의 소스 코드에 대해서 문의해주시는 분들이 계서서 이 기회에 제가 가지고 있던 수정 블로그 파일을 Github에 올렸습니다. 원래 수정은 KLDP에서 시작된 프로젝트로 알고 있는데 0.4.14 버전 이후로 업데이트가 중단되었고 지금은 KLDP의 수정 프로젝트 페이지도 없어졌습니다. PHP 기반이고 스마티 템플릿 엔진에 파일 기반의 블로그 툴입니다. 처음 나왔을 때에는 반응이 좋았는데 지금은 거의 사용하시는 분이 없는 것 같습니다. 수정 프로젝트의 저장소는 CVS였던 것 같습니다. CVS 저장소에서 ……

software |2012-07-21 | Comments (2)

서브라임 텍스트 2 자동 저장 기능

컴퓨터가 다운되면서 발견한 것인데 서브라임 텍스트는 저장하지 않은 문서도 자동으로 저장해둔다. 새 문서를 만들고 그 문서만 저장안하고 닫으려고 하면 저장 할 것인지 물어보는데 Cmd + Q로 그냥 종료 시켜 버리면 저장할지 묻지 않고 그냥 종료가 된다. 다시 실행을 하면 저장하지 않은 상태의 문서가 다시 나타난다. 간단한 생각의 전환이기는 한데 사용자에게 주어지는 이득은 정말 엄청난 것 같다. 백버튼는 막 눌렀을 때 종료하겠냐고 물어보는 안드로이드 앱들이 떠오르는 이유는 뭘까.

software |2012-07-18 | Comments (8)

MAC OS X lssave database rebuild

얼마전부터인지는 모르겠지만 Activity Monitor에 주기적인 Disk Activity가 있는 것이 보였다. 초당 1~2메가 정도로 작은 피크이지만 아주 등간격으로 6~8초 간격으로 피크가 찍혀있는 그래프를 보고있자니 신경이 너무 쓰였다. 현진님이 iotop으로 액티비티 찍어보는 방법을 알려줘서 찍어보니 lssave라는 프로세스가 주기적으로 뭔가를 하드에 쓰고 있었다. hyeonseok$ sudo iotop -C 5 12 Password: dtrace: 1 dynamic variable drop with non-empty d ……

life |2012-07-12 | Comments (0)

Git에서 특정 파일을 제외하는 방법

Git에서 특정 파일에 대한 추적을 중단하는 방법은 상황에 따라 몇가지가 있다. 저장소에 추적하지 않아야 하는 파일이 추가된 경우, 하지만 작업공간에서 파일이 삭제되면 안되는 경우에 아래의 명령을 사용하면 저장소에서는 파일이 삭제되지만 내 작업공간에는 파일이 남아 있게 된다. --cached 옵션없이 사용하면 내 작업공간의 파일도 같이 삭제한다. git rm --cached filename 하지만 빌드 환경 관련된 파일과 같이 저장소에도 필요하고 내 작업공간에도 필요한 경우도 있다. 사실 이경우 때문에 찾아본건데 이때는 아래의 ……

dev |2012-07-10 | Comments (1)

오페라에서 로컬호스트의 JS를 동적으로 불러오지 못 할 경우

로컬호스트에서 제공되는 자바스크립트를 동적으로 불러올 경우 오페라에서는 이를 차단해버린다. 외부 사이트에서 내 컴퓨터의 자원을 요청(cross-network traffic)할 경우 차단해버리는 보안 기능 때문이다. opera:config#Allow Cross Network Navigation 옵션을 활성화해주면 작동하게된다.

dev |2012-07-08 | Comments (1)