Blog
CSS 이미지 크롭 UI
이미지를 크롭하는 기능을 만들 때 사용했던 UI이다. 크롭할 가운데 영역은 이미지를 그대로 보여주고 나머지 부분은 반투명한 이미지로 덮게 되어 있다. 보통은 이미지를 한 장 더 복제해서 가운데 선명한 이미지를 보여주는 방식을 많이 사용하는데 나는 그렇게 하지는 않고 CSS로 반투명 이미지를 올리는 방법을 고민했다. 반투명한 부분의 분할을 어떻게 하느냐에 따라 조각이 상당히 많아질 수 있고 이를 모두 자바스크립트에서 처리하기에는 부담이 되기 때문에 최소한의 DOM 접근으로 처리할 수 있는 방법을 찾았다. 결과적으로 하나의 모서리에 ……
dev |2016-07-21 | Comments (0)
.gitignore로 무시된 디렉토리 안의 특정 파일만 추가하는 방법
data 디렉토리는 추가하지 않지만 data/.htaccess 파일은 추가하고 싶어서 아래와 같이 .gitignore 파일을 만들었다. data/ !.htaccess 그런데 잘 안되어서 메뉴얼을 살펴봤더니 일단 한번 제외된 디렉토리 안의 내용물은 다시 추가할 수가 없다고 한다. It is not possible to re-include a file if a parent directory of that file is excluded. Git doesn’t list excluded directories for performance ……
dev |2016-07-12 | Comments (3)
iconv와 find로 모든 파일 인코딩 변경
어떤 파일들이 있는지 몰랐기 때문에 확장자를 지정하지 않고 모든 파일을 변환해야 했고 다른 파일을 생성하는 것이 아니라 변환 결과를 같은 파일명으로 덮어 써야 했다. 같은 파일명으로 iconv와 redirection을 쓰면 변환하기 전에 0 바이트짜리 파일로 변환할 파일을 덮어 써 버렸다. 이리저리 검색해서 따라해봤는데 잘 안되어서 결국 중간 과정 파일을 생성 하는 것으로 전략을 변경했다. xargs도 써봤는데 넘어온 아규먼트 이름을 변환하는 방법을 몰라서 포기하고 다른 방법을 검색해 보다가 파일명의 인코딩을 변환하는 방법을 발견 ……
dev |2016-06-27 | Comments (0)
세이펜 음원 다운로드하면서 겪은 일
세이펜(피노키오) 모델 번호는 SPR-900이다. 음원 다운로드하면서 홈텍스 수준은 아니었지만 참으로 답답함을 많이 느꼈다. 중소기업 제품이니 그럴 수도 있겠다는 생각을 하면서도 그렇지 않은 제품들도 많기에 참으로 안타까웠다. 홈페이지에서 액티브엑스로 음원을 다운받게 되어 있는데 제품 케이스와 메뉴얼 어디에도 지원 운영체제에 대한 이야기는 없다. 고로 Mac OS를 사용하는 경우 음원 추가나 제품 업데이트를 할 수 없다. 패러렐즈로 연결해보면 외장 드라이브로 인식이 안된다. 맥으로 연결하면 외부 디스크 장치로 인식이 된다. 파일 ……
software |2016-06-12 | Comments (3)
여성 혐오 살해 사건에 대한 개인적인 생각 정리
워낙 페이스북이나 트위터에서 심한 말이 오고가는 모습을 많이 봐서 내 미숙한 생각을 블로그에 정리해 올리는 것이 사실은 조금 두렵다. 하지만 겉으로는 이렇게까지 신경쓰고 싶지는 않았다고 생각했는데 며칠간의 내 행동은 정 반대였기 때문에 생각을 정리해볼 필요가 있다는 생각이 들었다. 처음 기사를 봤을 떄는 '일면식도 없는' 사람이 저지른 행동이라는 점이 충격적이었다. 내 주변의 누구라도 대상이 될 수 있다는 생각이 들었고 범행 장소나 수법을 봤을 때 치안과도 무관해서 피하거나 예방 할 수도 없다는 생각이 들었기 때문이었다. 회사에서 ……
life |2016-05-22 | Comments (0)
멀티테일로 여러대의 원격 서버 로그 확인
작은 주제라도 꾸준히 써보자고 다짐했건만 지키기가 쉽지 않다. 현실은 한달에 글 한 개 꼴이다. 최근 프로젝트에서 서버 설치부터 보안 검수까지 이전에 해보지 않았던 일들을 많이 해서 새로 배운게 많은데 사소하고 남들 다 아는 것일지라도 하나씩 다시 적어보려고 한다. 로그 파일 업데이트 되는 내용을 보려면 tail을 사용하면 된다. tail -f log.txt 이렇게 하면 log.txt파일에 새로 추가된 내용이 화면에 출력된다. ssh로 원격에 있는 서버의 로그 파일도 볼 수 있다. ssh user@host "tail -f ……
dev |2016-04-26 | Comments (1)
사표를 세어보자
사실 뭔가 거창한 분석을 하려고 했던 것은 아니다. 문재인이 신임을 못받았으니 사퇴를 해야 한다는 얘기와 실제로는 상당히 많은 수의 지지가 있었기 때문에 문재인을 저버린 것은 아니라는 얘기를 보고 실제 의석수와 득표수의 관계가 궁금해 졌을 뿐이었다. 자료를 좀 찾아봤는데 실제 득표수를 정리해놓은 자료는 찾을 수가 없어서 직접 세어보기로 했다. 중앙선거관리 위원회 사이트에 가보면 투표 결과는 모두 찾아볼 수 있다. 하지만 이 결과가 표로 깔끔하게 나와있지는 않고 각 지역구별로 나와있는 자료를 일일에 클릭 클릭 클릭해서 표에 나온 득 ……
life |2016-04-19 | Comments (0)
구글 AMP 프로젝트 살펴보기
몇달 전에 구글이 AMP 프로젝트(Google Accelerated Mobile Pages Project)를 공개했고 검색 결과에서 이를 테스트 중이다. 이름만 보면 모바일 페이지를 빠르게 해준다는 프로젝트래서 처음에는 모바일 페이지를 이 기법으로 대체 하는 것으로 이해를 했다. 하지만 HTML을 표방하고는 있지만 이미지나 동영상같은 미디어 콘텐츠를 다 amp-img와 같은 커스텀 태그를 이용해서 넣고 자바스크립트로 교체하게끔 되어 있어서 기존 HTML 페이지를 효과적으로 대체할 수 있으리라는 생각은 들지 않았다. 그런데 다르게 ……
web |2016-03-24 | Comments (1)
잘 못 기재한 이메일 주소
차현석님께서 대우증권에 내 메일 주소를 등록해 놓으셔서 정기적으로 펀드 실적을 나한테 보내고 있다. 그래서 대우증권에 전화걸어서 메일 안오게 해달라고 했더니 확인 후에 다시 전화를 걸어와서 고객에게 바꾸라고 말해주겠단다. 고객의 소중한 정보가 다른사람에게 유출되고 있는 상황인데 직접 조치를 취하지 않고 고객에게 떠넘긴다. 고객 정보를 조회는 다 하면서 수정하지 못하는 정책은 무슨 법률에 근거한 면책인지 궁금하다. 물론 메일은 보안 메일이어서 윈도우에서만 확인할 수 있게 되어 있기는 하다. 사실 이 보안 메일이라는 것이 나로서는 ……
web |2016-03-10 | Comments (1)
클라우드플레어와 HTTPS 적용
서버를 디지털오션으로 옮기고나서 이미지 로딩되는 속도가 좀 느려졌는데 현진이 재차 클라우드플레어(CloudFlare)를 추천해 줬다. 예전에도 추천을 받았었는데 적용할 별다른 이유가 없어서 사용하지 않고 있었다. 5분만에 가능하다는 카피 문구("Give us five minutes and we’ll supercharge your website.")처럼 적용은 꽤나 간단하다. 내 서버를 클라우드플레어에 알려주고 도메인의 네임서버를 클라우드플레어의 것으로 옮기면 설정이 완료된다. 적용도 금방되고 적용되니 이미지 로딩 속도도 훨씬 빨라 ……
dev |2016-03-07 | Comments (4)