Blog
개발 프로세스로 들어가라
오랬동안 여러가지 이유로 쓰지 못했던 생각을 적어본다. 웹표준, 웹접근성을 어떻게 효과적으로 안착시킬지에 대한 얘기는 항상 큰 이슈이다. 특히나 요즘같이 웹접근성이 크게 부각되고 있는 시점에서는 더욱 현실적으로 부딪치는 문제이다. "사장이 의지를 가지고 있어야 한다.", "기획자가 바뀌어야 한다.", "전문 부서가 있어야 한다." 등 조직적인 부분이나 외부에서 해결점을 찾으려 하는 생각이 많다. 정말로 외부의 변화가 선결해야 하는 과제일까. 또한 외부가 바뀌면 이 문제가 영속적으로 해결될 수 있을까. 상위 조직이나 전담부 …
work | 2013-07-03 | Comments (3)
스크롤 내렸다가 올릴 때 나타나는 상단바
아마도 핀터레스트에서 이 UI를 제일 처음 본 것 같다. 콘텐츠를 더 보기 위해서 스크롤을 내리면 상단바가 사라졌다가 반대로 스크롤을 올리면 다시 나타난다. 여기서 다시 스크롤을 내리면 또다시 사라진다. 처음에는 화면을 넓게 사용할 수 있는 좋은 방법이라는 생각이 들었지만 사용하다보니 뭔가 불편함을 떨칠 수 없었다. 핀터레스트 말고도 다른 앱에서도 이 UI를 볼 수 있었지만 그다지 많이 사용하는 앱이 아니어서 별 생각 안하고 있었다. 요즘 안드로이드를 사용하고 있는데 안드로이드 브라우저에 이 UI가 적용되어 있다. 불편함을 느끼 …
dev | 2013-06-26 | Comments (6)
맥오에스에서 말줄임표 변환 막는 방법
맥오에스에서 텍스트 입력을 할 때 말줄임표(...)를 입력하고 잠시 시간이 지나면 이 기호가 다른 문자로 치환된다. 주로 채팅 어플리케이션에서 입력할 때 많이 발생한다. 한글이 조합되는 중간에 변환이 발생하면 아래와 같이 한글 자소가 분리된다. 처음에는 특정 어플리케이션에서만 발생하는 문제인줄 알았는데 여러 어플리케이션에서 발생하는 것 같아서 운영체제 설정으로 바꿀 수 있는지 찾아봤다. 검색어를 뭐를 입력해야 할지 잠시 난감했지만 설정하는 방법을 찾았다. 검색어는...비밀; 시스템 환경설정 - 언어 및 텍스트키보드 - …
software | 2013-06-11 | Comments (0)
맥에서 xdebug 쉽게 설치하기
수정이 느려서 고민하고 있었는데 smoon이 프로파일링해보라고 xdebug를 권해줬다. xdebug를 설치하려고 하니 pecl도 깔아야되고 pear package manager도 깔고 autoconf도 깔고 했는데 막상 xdebug를 깔아보니 PHP에 설치가 안되고 한참을 삽질했다. MAMP를 쓰고 있는데 여기에 xdebug가 자동으로 설치가 안된 것이다. 검색을 해보니 MAMP에는 이미 xdebug가 포함되어 있었다. 모든 삽질을 뒤로하고 MAMP 안의 PHP 설정파일에서 주석 풀고 설정값 두개 추가하니 바로 작동한다. 이런.. …
dev | 2013-05-30 | Comments (2)
SK planet
오늘부터 SK planet Product 3 Lab, New Product 기술 개발팀 소속으로 근무하게 되었다. kth에서 근무하면서 빠른 피드백을 기반으로 한 기민한 제품 제작에 관심이 많이 생겼는데 이러한 개발 프로세스를 가지고 있다는 얘기를 듣고 합류할 결심을 하게 되었다. 프로토타이핑도 증명하고자하는 대상에 따라 다양한 형태가 존재할 수 있지만 특히나 워킹 프로토타이핑이 서비스 POC 직후에 중요하겠다는 생각을 하고 있었다. 그리고 마크업 구성에 필요한 서버쪽 기술과 UI를 구성하는 클라이언트 기술을 둘 다 다뤄야 하는 …
work | 2013-04-29 | Comments (8)
웹접근성 토크 '다와' 후기
4월 13일 성미산마을극장에 한국 웹 접근성 그룹에서 진행한 웹 접근성 토크 '다와(TAWA)'가 있었다. 발표식 진행이 아닌 패널들의 이야기를 직접 들어보는 솔직한 시간이지 않았나 싶다. 나도 일단 내용 준비할 필요 없이 그냥 참석해서 편했다. 사회자이면서 행사를 준비하신 KWAG 리더인 성민장군님이 제일 고생하셨다. 다와의 약자중에 앞단어가 말(Talk)이 아니라 논의(Discuss)였으면 다와(Dawa)라는 발음에 딱 맞았을 텐데라는 생각이 준비하면서 앉아있으면서 들었다. 하지만 이미 늦은일... 성미산마을극장은 상당히 좋았 …
event | 2013-04-16 | Comments (3)
반응형 웹디자인 관점에서의 웹표준 이슈
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)