Blog
반응형 웹디자인 관점에서의 웹표준 이슈
4월 4일 비즈델리에서 주최한 웹표준 월드: 최신 트렌드와 성공전략 2013 컨퍼런스에서 발표한 반응형 웹디자인 관점에서의 웹표준 이슈 발표자료를 공유한다. 발표자료를 준비하다보니 이제는 반응형 웹디자인이 "한번 해볼까?"수준을 넘어서 적극적으로 검토해봐야 하는 이슈가 됐다는 느낌이 많이 들었다. 기술도 점점 탄탄해지고 있다. 특히나 쇼핑몰에서 직접적인 수입이 많이 증가했다는 얘기는 더이상 반응형 웹디자인이 단지 한때의 트랜드가 아니라는 점을 증명해주기도 하는 것 같다. 반응형 웹디자인을 성공적으로 적용하기 위해서는 기존의 업무 ……
event |2013-04-06 | Comments (2)
센트 오에스에서 공개키 인증으로 SSH 로그인이 안될 때
새로 설치된 센트 오에스(CentOS) 서버에 공개키를 넣었는데도 SSH 로그인 할 때 마다 비밀번호를 물어봤다. 서버 인증에 대해서 잘 모르니 smoon에게 도움을 요청했다. 아래는 삽질하면서 알게된 내용이다. 우선 .ssh 디렉토리와 authorized_keys 파일의 권한을 확인해야 한다. .ssh는 0700, authorized_keys는 0600으로 설정되어 있어야 한다. 내 경우에는 group이나 others에 더 높은 권한이 허용되어 있었는데 이게 문제인지는 모르겠으나 0700, 0600으로 권한 설정을 다시 하니 ……
dev |2013-03-16 | Comments (9)
IE9 스크롤있는 박스의 높이가 늘어나는 현상
IE9에서 overflow: auto로 스크롤이 생긴 박스안의 링크를 클릭하면 박스 아래에 여백이 생기는 버그가 있다는 질문을 하신 분이 있어서 분석을 해봤다. <!DOCTYPE html> <html lang="en"> <head> <title>IE9 scrolled box's height expending</title> </head> <body> <div style="width: 200px; overflow: auto;"> <div st ……
dev |2013-03-14 | Comments (0)
CSS로 구현한 GIF 애니메이션 효과
마우스 오버를 했을 때 정지된 아이콘에 애니메이션 효과를 구현하기 위해서 마우스 오버를 하면 GIF이미지를 배경이미지로 사용하도록 만들었다. 다른 브라우저에서는 다 잘 작동하는데 유독 웹킷계열의 브라우저에서만 두번째 마우스를 올렸을 때에는 애니메이션이 나오지 않고 GIF 이미지의 마지막 프레임만 보였다. GIF 이미지를 한번만 재생이 되도록 만들었기 때문이기도 했지만 다른 브라우저는 마우스 오버를 하면 GIF를 처음부터 재생해 줬지만 웹킷계열의 브라우저는 다시 재생해 주지 않았다. 검색을 좀 해보니 이미지를 새로 불러오지 않는 한 ……
dev |2013-03-12 | Comments (5)
반응형 테이블
반응형 웹디자인에서 가변폭 콘텐츠는 필수이지만 가독성 문제가 항상 발생한다. 반응형 이미지나 반응형 동영상도 화면폭이 좁아지면 내용을 알아보기 힘들어 지지만 표의 경우에는 구조를 파악할 수 없게되어 이해가 더 힘들어진다. 이차원 데이터를 다루다보니 컬럼이 많을 경우에는 글자가 세로 한줄로 정렬되는 등 이해하기 쉬운 형식을 유지하기가 쉽지 않다. 이러한 문제점을 해결하기 위한 다양한 방법들이 이미 나와있다. 가장 대표적인 반응형 표는 표의 헤더를 CSS에서 새로 정의해서 선형화된 표를 보기 쉽게 하는 방법이다. 하지만 이 방법은 C ……
dev |2013-03-09 | Comments (7)
HTTP 헤더값과 POST 데이터 변조 애드온
보통 HTTP 헤더값을 추가하거나 POST 값을 전송하거나 둘 중의 하나만 하는데 둘 다 하는 경우를 이번에 처음 겪어봤다. 더군다나 POST 데이터를 보내는 곳이 웹페이지가 아니라 단말기여서 테스트하기가 애매했다. 이 두가지를 다 지원하면서 입력하기 편하고 이왕이면 모양도 이쁜 플러그인을 찾느라 몇가지 설치해보며 테스트 해 봤다. 전제조건은 1) HTTP 헤더 값 추가와 POST 값 전송을 둘 다 할 수 있고, 2) 입력 UI가 값마다 필드가 나눠져 있지 않고 붙여넣기로 한번에 여러개의 값을 입력할 수 있고, 3) 실제 랜더링된 ……
dev |2013-02-25 | Comments (1)
하드 포맷 후 나오는 타임머신 안내
맥오에스에서 새하드를 넣고 디스크 유틸리티로 포맷을 하면 하드를 타임머신 백업용으로 사용할 것이냐고 물어본다. 사실 엄밀히 보면 크게 상관이 없는 두 기능인데 이렇게 사용자를 연결시켜주는 것을 보니 내심 얄밉기도 하지만 대단하다는 생각이 든다. 이런 아이디어와 의사결정은 어떠한 과정을 거쳐서 내려지는지 정말 궁금하다.
software |2013-01-31 | Comments (0)
의심가는 접속에 대한 접근 차단
페이스북 비밀번호를 그냥 영어단어로 해놔서 계정이 뚫렸는데 다행히 페이스북에서 계정을 바로 막아버려서 피해는 거의(전혀?)없었다. 페이스북에서 이상징후를 바로 파악해서 계정을 막아버렸다. 새벽에 이런 메일이 왔었다. 물론 나는 자고 있었다. 아침에 페이스북에 로그인해보니 계정을 막았단다. 보스턴에서 접속을 시도했다는데 새벽 한시정도에 한국에서 핸드폰으로 사용한 사용자가 순식간에 보스턴까지가서 로그인 할 수는 없기 때문에 이상징후라고 판단한 것 같다. 당연히 모르겠다고 선택했다. 비밀번호 다시 입력하란다. 비밀번호 ……
web |2013-01-28 | Comments (0)
맥오에스 메뉴바 아이콘 재설정 방법
언제부턴가 슬립모드에서 깨어날 때 느려지면서 SystemUiServer라는 프로세스가 CPU 자원을 다 소비하기 시작했다. 검색을 해보니 메뉴바의 아이콘이 문제여서 그렇다는 사람이 좀 있고 타임머신이나 와이파이 아이콘을 안나타나게 하면 증상이 나아진다는 얘기가 있었다. 타임머신 아이콘은 원래 안나오게 했었고 와이파이 아이콘을 없애려니 설정을 건드려도 반응이 없고 아이콘에 계속 나왔다. 얼마전부터 외부 모니터를 연결했을때 디스플레이 옵션 아이콘이 나오지 않았는데 메뉴바 쪽에 뭔가 문제가 있었나보다. 메뉴바 재설정하는 방법은 간단하 ……
life |2013-01-21 | Comments (1)
클라이언트측 HTML 랜더링과 서버측 HTML 랜더링
강규영님의 "웹사이트 랜더링, 클라이언트에서 하나 서버에서 하나?"와 홍민희님의 "Re: 웹사이트 랜더링, 클라이언트에서 하나 서버에서 하나?"를 보고 많은 생각이 들었다. 요즘들어 계속 고민해 오던 일이기도 하다. 웹기술의 범위가 점차 확대되면서 기존의 다른 플랫폼의 방법론들이 웹으로 들어오면서 발생되는 현상으로 생각된다. 각각의 장단점은 이미 강규영님과 홍민희님이 잘 설명해 주셨고 전적으로 동의한다. 점진적 향상은 반드시 필요하고 플랫폼 기능 활용은 진리다. 우리 회사도 현재 이런 분위기에 영향을 받고 있다. 서버는 API만 ……
dev |2013-01-18 | Comments (1)