slacker 기반 slackbot 만들기

재밌어보이길래 python으로 간단한 슬랙봇을 만들어볼까 하고 알아봤더니 slackbot이란 모듈을 사용하면 슬랙봇을 쉽게 만들 수 있을것 같았다.
인터넷에 떠도는 slacker 기반 echo 봇의 기본 골격은 아래와 같았는데…
Continue reading slacker 기반 slackbot 만들기

WebRTC 세미나 후기

평상시와 다름없이 페이스북질을 하다가 WebRTC 세미나를 발견한 김에 오랫만에 웹쪽 세미나를 참석해봤다. (다행히 agenda에 비디오 코덱 관련해서 뭔가 이야기가 있을 것 같은 분위기를 띄워놔서 교육 신청에 성공!)
HTML5로 넘어가면서 Device API, Canvas, WebGL 등 운영체제 api를 통해서만 접근 가능하던 사항들을 브라우져 안으로 밀어넣었고, WebRTC가 나오면서 비디오 스트리밍 기능마저도 브라우져 안에 들어가게 된다는 점은 참 멋진 일인 것 같다.
간단하게 내가 듣고 기억하는 내용을 요약하자면, 아래와 같은데…
Continue reading WebRTC 세미나 후기

해킹이 의심되는 파일들 발견…

흠 그동안 관리를 잘 안했더니, 확실히 여러가지 문제들이 생긴 것 같다. 서버 이전 전에 왠만한 문제들은 해결하고 가는게 좋을 것 같아서 파일들을 좀 살펴봤는데, 변조된 파일로 보이는 파일들이 많이 보인다. 대강 아래와 같은 식의 요상한 데이터가 덮어씌워져 있는데…

문자열을 \\xHEX 형식으로 치환해놔서 그냥 보기에는 어떤 내용인지를 쉽게 알아볼 수가 없고, pattern matching 해서 찾아내기에도 드럽게 해놨다. -_- 나뿐 놈들…
도대체 어떤 코드를 넣어놨나 궁금해서 아래 코드를 이용해서 눈으로 볼 수 있는 형태로 치환해봤는데…
Continue reading 해킹이 의심되는 파일들 발견…

HTML5 웹을 넘어 플랫폼으로…

webdevmobile에서 3회(1, 2, 3)에 걸쳐 개최한 열린 세미나가 성공적으로 끝이 났습니다. 웹은 예전부터 관심을 가지고 지켜보고 있었지만 최근 HTML5 등의 이슈에 대해서는 제대로 follow up 하지 못하고 있어서 약간의 죄책감을 가지고 있었는데, 덕분에 HTML5에서 지향하는게 무엇인지에 대해 약간이나마 알 수 있어 재밌었습니다. 🙂
아무래도 HTML이란 이름 때문에 웹퍼블리셔 분들이 많이 참석하셨던데 (특히) 3회째 세미나는 웹퍼블리셔 분들보다 앱 개발자 분들이 좋아하셨을 것 같네요.
Continue reading HTML5 웹을 넘어 플랫폼으로…

사라져가는 오픈소스 커뮤니티?

아침에 일어나면 빨갛게 충혈된 눈을 비비며, 손을 뻗어 나와 함께 잠들었던 맥을 깨운다. 지난 밤 사이 트위터와 미투데이에 올라온 소식들을 읽고, RSS들을 확인하기 시작한다.
내가 인터넷에 중독된지 벌서 10년이 넘어가고 있다. 그 동안 참 많은 것들이 나타났고, 인기를 끌었었으며, 조용히 없어져가고 있다.
오늘 KLDP에서 ‘사라져가는 오픈소스 커뮤니티‘라는 글을 읽었다. Gentoo Korea, Gnome Korea, KLDP … 모두 내가 굉장히 많이 활동했었던 커뮤니티들이고, 현재는 분명 예전 만큼의 활동이 보이지 않는다.
Continue reading 사라져가는 오픈소스 커뮤니티?

마우스 드래그, 마우스 오른쪽 버튼을 막아둔 것 풀어버리기

네이버 웹툰에 있는 만화에 링크를 걸려다 마우스 우클릭이 동작을 안하길래, 구글링을 했는데 거기서 나온 스크립트도 네이버 웹툰에서는 제대로 동작을 안했다.
조금 살펴보니 개선할 여지가 있길래 약간의 코드를 더해봤다. 절대 네이버 웹툰에 있는 이미지를 링크하기 위한 목적이었던 건 아니다.
Continue reading 마우스 드래그, 마우스 오른쪽 버튼을 막아둔 것 풀어버리기

CSS로 탭 내비게이션 구현하기…

오랫만에 웹페이지 코딩을 할 일이 있었는데, 탭 내비게이션이 필요한 상황이라 html + css로 탭 내비게이션을 구현해보았습니다.
block 레벨 엘리먼트에 position 속성을 주게 될 경우 새로운 context가 시작되게 되므로 그 하위 엘리먼트에서 position: absolute를 사용할 경우 position을 속성을 지정해둔 상위 엘리먼트의 위치 기준으로 위치가 지정된다는 사실을 이용하는 방법입니다.
border만을 활용하다 보니 디자인 상으로 사소한 문제가 있지만 span 등을 활용할 경우 충분히 이쁘게 만들 수도 있을거라 생각합니다.
Continue reading CSS로 탭 내비게이션 구현하기…

재밌는 매쉬업 아이디어…

술자리에서 가볍게 얘기했던 것들이지만 다음 스카이뷰, 로드뷰를 보고 있다보니 재밌는 매쉬업 아이디어가 생각났어요.
결론 부터 얘기하자면 서울, 제주를 무대로한 롤플레잉 게임이라고 할까요?
Continue reading 재밌는 매쉬업 아이디어…

'CSS 완벽 가이드'와 역자…

요번에 위키북스를 통해 출판된 ‘CSS 완벽 가이드‘의 경우 Eric. A. Meyer의 책을 남덕현님, 이준님, 연홍석님 그리고 저 이렇게 네 분이서 공동 번역을 하였습니다. (써놓고 보니 가나다라 순은 아니군요.)
그런데 온라인 쇼핑몰마다, 그리고 포털의 책 소개 페이지마다 역자는 전부 다르게 표기되어 있습니다. 아래는 ABCD순서로 본 각 쇼핑몰의 역자 표기입니다.
Continue reading 'CSS 완벽 가이드'와 역자…

'CSS 완벽 가이드'가 나옵니다.

제가 번역한 책인 CSS 완벽 가이드 (원제: CSS Definitive guide)가 드디어 출판됩니다. 작년 4월 쯤에 마지막 원고를 보냈고, 얼마 전 2월 11일 최종 원고를 받았습니다. 요번 주 월요일에 인쇄에 들어가서 3월 9일쯤에 출간될 예정이라고 하네요.
원 저자는 Eric Meyer입니다. 수년 전 CSS Zen GardenCSS/Edge를 봤을 때가 생각나네요. CSS만으로 만들어진 이 화려한 페이지들은 테이블 태그만을 활용하고 있던 제게 신선한 충격을 안겨줬습니다. 세월이 흘러 이 분의 책을 제가 번역하게 될 줄은 상상도 못했네요.
Continue reading 'CSS 완벽 가이드'가 나옵니다.