Blog
맥오에스 메뉴바 아이콘 재설정 방법
언제부턴가 슬립모드에서 깨어날 때 느려지면서 SystemUiServer라는 프로세스가 CPU 자원을 다 소비하기 시작했다. 검색을 해보니 메뉴바의 아이콘이 문제여서 그렇다는 사람이 좀 있고 타임머신이나 와이파이 아이콘을 안나타나게 하면 증상이 나아진다는 얘기가 있었다. 타임머신 아이콘은 원래 안나오게 했었고 와이파이 아이콘을 없애려니 설정을 건드려도 반응이 없고 아이콘에 계속 나왔다. 얼마전부터 외부 모니터를 연결했을때 디스플레이 옵션 아이콘이 나오지 않았는데 메뉴바 쪽에 뭔가 문제가 있었나보다. 메뉴바 재설정하는 방법은 간단하 ……
life |2013-01-21 | Comments (1)
클라이언트측 HTML 랜더링과 서버측 HTML 랜더링
강규영님의 "웹사이트 랜더링, 클라이언트에서 하나 서버에서 하나?"와 홍민희님의 "Re: 웹사이트 랜더링, 클라이언트에서 하나 서버에서 하나?"를 보고 많은 생각이 들었다. 요즘들어 계속 고민해 오던 일이기도 하다. 웹기술의 범위가 점차 확대되면서 기존의 다른 플랫폼의 방법론들이 웹으로 들어오면서 발생되는 현상으로 생각된다. 각각의 장단점은 이미 강규영님과 홍민희님이 잘 설명해 주셨고 전적으로 동의한다. 점진적 향상은 반드시 필요하고 플랫폼 기능 활용은 진리다. 우리 회사도 현재 이런 분위기에 영향을 받고 있다. 서버는 API만 ……
dev |2013-01-18 | Comments (1)
PPK의 IE 지원 여부 설문조사 결과
PPK가 개발자들을 대상으로 다양한 버전의 IE 지원 정책에 대한 설문조사 결과를 공개했다. 간단히 결과를 살펴봤다. IE6은 10%정도, IE7은 56%정도가 아직 테스트를 하고 있다고 한다. 우리나라와 조금 다른 양상은 클라이언트가 IE6이나 IE7 지원을 원하면 40% 이상이 어느정도의 추가 요금을 부과한다는 것이다. 우리나라는 워낙 기술에 대한 비용에 인색해서 납득 시키기 힘든 행태이기는 하다. 사실 브라우저 지원 정도는 사용자 통계를 보고 결정해야 하는데 통계가 없거나 믿을만한 통계가 아닌 경우가 많다. 웹킷만 테스트하 ……
dev |2013-01-09 | Comments (1)
CSS 속성 한줄로 쓰기와 여러줄로 나눠 쓰기
CSS 속성을 한줄로 쓰는게 좋을지 여러줄로 나눠서 쓰는게 좋을지는 오래된 떡밥이다. 나는 CSS를 처음 시작할 때부터 여러줄로 나눠 써오는 방법을 사용해왔고 당연하다고 생각하고 있었는데 어느순간부터 한줄로 쓰는 방법이 등장하더니 요즘은 거의 한줄로 쓰는 방법이 대세인 것 같다. 어떤 방식인지 코드를 일단 보자. #location .map { position: relative; } #location .map img { max-width: 100%; } #location .map .btn { position: absolute ……
dev |2012-12-08 | Comments (14)
유투브 동영상 다운받는 애드온
유투브 동영상을 볼때 인터넷이 느려서 계속 버퍼링이 되는 경우가 있다. HD 영상을 볼 때에 특히 심하게 나타날 수 있다. 이런 동영상을 아주 쉽게 미리 다운받아서 버퍼링 없이 볼 수 있게 해주는 애드온이 있다. 패스티스트튜브(FastestTube)라는 애드온인데 이 애드온을 설치하면 유투브 동영상 아래에 다운로드 버튼이 나온다. 발표자료를 만들 때 일일이 링크를 하지 않고 직접 발표자료 안에 파일을 넣는데에도 쓸 수 있어서 아주 유용하다. 물론 저작권에는 주의해야 한다. 파이어폭스, 오페라, 사파리, 크롬, 인터넷 익스플로러 ……
software |2012-11-26 | Comments (2)
HTML4와 HTML5의 요소와 속성 차이
이 글은 오래된 정보를 포함하고 있습니다. HTML4와 HTML5의 차이점을 참고하세요. HTML5 태그의 활용에 대해서 정리를 해달라는 요청이 있어서 W3C의 초안 문서인 HTML5 differences from HTML4에서 요소와 속성을 중심으로 정리를 해 보았다. 실전 HTML5 가이드를 만들때에도 같은 작업을 했었는데 그 이후로 많이 변경된 것 같다. 좀 급하게 작업을 해서 오역이나 오류가 있을 수도 있고 시간이 지나면서 변경될 수 있는 부분도 많다. 그냥 현재 이런 상황이구나하는 정도만 참조하면 좋을 것 같다. W ……
dev |2012-11-11 | Comments (1)
원안에 텍스트 넣기
H3 2012 메인페이지에는 글자가 원안에 들어가는 독특한 디자인이 사용되었다. CSS에는 원으로 글자를 배치시키는 기능은 없기 때문에 고민이 되는 부분이었다. 가장 간단하게는 텍스트를 모두 가운데 정렬 한 다음에 모양에 많게 줄바꿈을 해주면 구현이 가능하다. 하지만 세션의 제목이 나중에 변경될 수도 있다는 얘기를 듣고 이런 노가다성 해결책 말고 다른 방법을 찾아보기로 하였다. 모양이나 사진의 외곽선을 따라서 글자가 배치되는 디자인은 잡지책에서도 쉽게 볼 수 있다. 문제는 HTML요소는 모두 사각형으로 그려지기 때문에 이러한 모양 ……
dev |2012-10-25 | Comments (3)
브라우저 리플로우 횟수 측정
페이지가 랜더링 될 때 리플로우 횟수를 줄여야 한다는 말은 멋진 게코 엔진 동영상 덕분에 많이 알려져 있다. 리플로우에 관한 내용을 간단히 설명하자면 브라우저가 화면을 그릴때 화면에 변동사항이 생기게되면 이를 다시 계산해서 그려야 하는데 이 작업을 하는 동안에는 인터랙션을 처리할 수 없기 때문에 리플로우 횟수를 최소화하는 것이 브라우저 랜더링 속도나 반응성에 도움을 주게된다는 내용이다. 리플로우를 발생시키는 요인에 대해서는 많이 정리가 되어 있지만 실제로 내가 만들고 있는 페이지가 얼마나 많은 리플로우를 발생시키는지를 알아내는 방법 ……
dev |2012-10-16 | Comments (6)
H3 2012 사이트 오픈
작년에 이어 올해도 KTH에서 H3 컨퍼런스를 한다. 어제 H3 2012 사이트를 오픈했다. 사이트 제작에 참여를 했는데 사이트 규모는 작지만 여러가지 새로운 기술을 시도할 수 있어서 재미있었다. 뭔가 새로운 시도와 재미있는 기능을 선보이고 싶다는 부담감이 있었다. 결과가 아주 흡족하지는 않지만 너무 나대지 않고 절제된 인터랙션을 구현한데에는 어느정도 만족하고 있다. 컨퍼런스 컨셉이 밴드여서 음악을 넣고 싶었는데 음원이 문제였다. 원래는 존경하는 밴드들의 음악을 샘플링하려고 했으나 저작권때문에 포기하고 개러지밴드의 루프가 상업 ……
work |2012-10-11 | Comments (2)
링크 주소 알 수 없는 게시물 주소 알아내기
많은 사람들이 게시판의 글을 메신저나 메일로 공유하기 위해 주소를 복사해서 보내본 경험을 가지고 있을 것이다. 또한 그렇게 보낸 주소가 열리지 않는다는 답신을 받아본 사람도 많을 것이다. 보통 검색 결과나 게시판의 글과 같이 콘텐츠가 보여지는 용도로 사용되는 페이지는 데이터를 GET 방식으로 URL에 붙여서 보낸다. 그러면 그글의 위치가 URL로 표기되어서 다른 곳에 공유한다거나 즐겨찾기를 할 수 있게된다. 하지만 이렇게 변수명이나 변수값이 노출되면 보안상 좋지 않다는 잘못된 인식이 있어서 URL이 없는 페이지를 만드는 경우가 있다 ……
web |2012-09-18 | Comments (7)