websocket을 사용해서 콘솔의 STDIN/OUT을 브라우저로!

websocketd 소개

https://github.com/joewalnes/websocketd

이거 참 아이디어가 좋아보이는데요.
콘솔에서 사용하는 프로그램의 STDIN/STDOUT을 websocket을 통해서 웹브라우저에서 볼수 있도록 해주는 유틸입니다.

잘 생각해보면 활용방안이 많을 것 같습니다.
간단한 예제로는 1 부터 10까지 카운트하는 쉘스크립트를 짜서 웹브라우져에서 결과를 볼수 있는 예제가 있구요.

프로젝트 README 파일에 보면 vmstat 정보(시스템 사용량)를 웹브라우저를 통해서 이쁘게 볼수 있는 예제가 나와있습니다.

실행해보면 실시간으로 그래프가 변하는데

웹소켓을 통한 스트리밍이라 데이터를 저장할 필요도 없고 참 좋은것 같습니다.

JuiceSSH 와 Nitrous 사용해서 핸드폰으로 코딩하기

안드로이드용 앱인 JuiceSSH는 핸드폰으로 ssh 접속을 가능하게 해준다.

이걸 이용하면 자신의 nitrous box에 접속해서 자유롭게 개발이 가능하다.

1. ssh 키 생성

먼저 nitrous에 자신의 box가 있다고 가정을 하고
ssh로 접속하려면 ssh key를 생성하는 작업이 필요하다.
리눅스나 맥에서 ssh-keygen 을 사용하면 간단하게 생성이 가능하다.

2. nitrous 에 public key 등록

https://www.nitrous.io/app#/public_keys
위의 주소로 들어가서 자신이 생성한 public key를 등록해준다.

3. private key를 JuiceSSH에 등록

JuiceSSH를 실행하고 Connections로 들어가면
몇가지 메뉴가 나오는데 그중에 Identities로 들어가서 +를 누른다.
Nickname은 아무거나 지정하고 Username의 경우 Nitrous에서 확인한다.

https://www.nitrous.io/app#/boxes 에 접속하면

SSH URI	ssh://action@apne1.nitrousbox.com:23435

ssh:// 뒤에 action 이 아이디에 해당한다.

Private Key는 아까 생성한 private key를 이메일을 통해 전달해서 복사해 넣는다.

4. JuiceSSH에서 Connection 생성

마지막으로 Connection 메뉴로 가서 + 버튼을 누른다.

Address는 위의 예제에서 apne1.nitrousbox.com 이고

Identity는 아까 생성한 걸로 선택 port는 23435.

이제 핸드폰으로 접속을 해보면 된다.

키보드는 딩굴 키보드 앱을 추천하고 

JuiceSSH에서 tab이나 ctrl같은 기능키를 화면에 제공해주기 때문에

자동완성을 이용하면 은근 개발 할만한것 같다.

소스코드에서 키워드를 추출하는 툴 code-words 소개

소스코드에서 키워드를 추출할 일이 생겨서 구글링을 하다 괜찮은 프로젝트를 발견했다.
https://github.com/npryce/code-words

맨처음 mac에서 테스트 해봤을때는 이상하게 동작해서 이게 뭐지?? 이랬었는데
Readme 파일을 잘 읽어보니 linux에서 제대로 동작 한다고 한다.

C 부터 java, ruby, python, javascript, scala 심지어 Haskell 까지 많은 언어를 지원한다.
나는 java로 된 프로젝트로 테스트를 해보았는데 java의 키워드나 primitive type들을 알아서 처리해주고 필요한 경우 따로 추가해줄 수도 있다.
stop words도 지정해서 불필요한 단어는 제외해줄 수도 있다.

참고로 맨 마지막 파이프에 wordcloud 를 사용하면 위와 같이 태그 클라우드를 이미지 파일로 생성해주고
word-count 를 사용하면 단어별로 카운트를 해준다.

리눅스에서 파이프를 이용하면(소스를 git log 에서 불러온다든지) 다양한 조합이 가능해진다.

boot2docker 사용시 프록시 설정 방법

사내에 프록시 서버가 있는 경우 아래와 같은 설정이 필요하다.

* docker 이미지 접속

$ boot2docker ssh
$ sudo vi /var/lib/boot2docker/profile

* 파일을 열고 아래 내용 추가

export HTTP_PROXY=http://your.proxy.name:8080
export HTTPS_PROXY=http://your.proxy.name:8080

* 회사 인증서 파일을 ca-certificate.crt 에 추가

$ cat ca.pem >> /etc/ssl/certs/ca-certificates.crt

* docker 서비스 재시작

$ /etc/init.d/docker restart

boot2docker init 할때 x509: certificate signed by unknown authority 문제로 iso 파일 다운로드 못할때 해결 방법

mac에서 docker를 사용하려면 boot2docker를 설치해야한다.
패키지가 제공되어 간단히 설치는 할 수 있는데
설치 후 작업할때 에러가 발생했다.

$ boot2docker init

Latest release for boot2docker/boot2docker is v1.4.1
Downloading boot2docker ISO image...
error in run: Failed to download ISO image: Get https://s3.amazonaws.com/github-cloud/releases/14930729/3de263a4-853f-11e4-9f2b-59bd5ac8d5f3.iso?response-content-disposition=attachment%3B%20filename%3Dboot2docker.iso&response-content-type=application/octet-stream&AWSAccessKeyId=AKIAISTNZFOVBIJMK3TQ&Expires=1423443118&Signature=h%2Fqa9MUAcDPQYFnNsNBDDV2Rh%2Fc%3D: x509: certificate signed by unknown authority

사내에 프록시 서버가 있는 경우는 이런 에러가 많이 발생 할것 같다.
이런경우 침착하게 wget 으로 iso 파일을 다운 받으면 된다.

$ cd ~/.boot2docker
$ wget https://github.com/boot2docker/boot2docker/releases/download/v1.4.1/boot2docker.iso --no-check-certificate

iso 파일 디폴트 경로는 ~/.boot2docker/boot2docker.iso 이다.
이렇게 해주고 다시하면 정상적으로 동작한다.

$ boot2docker init

crontab 사용시 주의사항

오늘 crontab으로 DB 백업 설정을 하다가
이 문제로 삽질을 해서 간단하게 정리해보았다.

내가 작성한 스크립트는 간단하게

mysqldump -uroot screencast > /Users/mickey/backup/$(date +%Y-%m-%d).sql

이렇게 되어있었다.
당연히 스크립트를 그냥 실행했을때는 잘 동작하였고

매일 새벽 1시에 돌게 하려고 crontab에 아래와 같이 등록하였다.

00 01 * * * /Users/mickey/projects/screencast/backup.sh

그런데 나중에 확인해보니 백업 파일 사이즈가 전부 0 이었다!!
당황스러워서 이것저것 구글링을 해보면서 삽질을 하다가
stackoverflow에서 힌트를 찾았다.

http://stackoverflow.com/questions/4995689/mysqldump-creates-empty-file-when-run-via-cron-on-linux

이걸 보면 스크립트 뒤에 2>&1 이걸 붙여서 로그를 확인해보라고 되어있었다.
역시 에러가 날땐 로그를 확인해봐야 하는데 나는 그냥 삽질만 하고 있었다...
그래서 위의 스크립트를 수정해서

mysqldump -uroot screencast > /Users/mickey/backup/$(date +%Y-%m-%d).sql 2>&1

이렇게 하고 돌렸더니 백업 파일에 에러 로그가 나왔다.
mysqldump 파일을 못찾는다는 에러였다.

그냥 bash 에서는 path에 설정이 되어 있어서
잘 동작하였지만 crontab으로 돌릴때는 path 설정이 안 먹히는것 같다.
그래서 아래와 같이 full path로 수정하니 잘 동작하였다.

/usr/local/bin/mysqldump -uroot screencast > /Users/mickey/backup/$(date +%Y-%m-%d).sql

오늘의 교훈은..

1. 에러가 날땐 로그를 잘 확인하자.
2. crontab으로 돌릴때 안전하게 full path를 다 써주자.

웹기반 프리젠테이션 툴 reveal.js editor 소개

요즘 발표자료를 작성할때 뭘로 만들까 고민을 하다가 reveal.js를 쓰기로 했다.
파워포인트로 작성하면 회사에서는 암호화 돼서 공유하기도 않좋고
웹에서 바로 보여주기도 힘들어서 괜찮은 웹기반 툴을 찾고 있었다.

reveal.js를 사용한 온라인 에디팅 사이트도 있는데
http://slides.com/ 이다.
정말 깔끔하게 잘 만들어진 사이트라서 좋았는데
회사에서 이 사이트를 또 막아버렸다.

github에서 찾아보니 설치형으로 만들어진 에디터가 있다.
https://github.com/sunu/reveal-editor
일단 star를 하나 주고 한번 사용해보기로 했다.

로컬에 깔아서 실행해보니
아직 reveal.js의 모든 기능을 다 지원 하는것 같지는 않지만
간단하게 작성하기에는 충분한 것 같다.
앞으로 회사에서는 이걸 사용해야겠다.
필요한 기능이 있으면 공부할 겸 추가해봐도 좋을것 같다.

윈도우용 vim 사용시 클립보드로 복사하기

윈도우에서도 간단한 텍스트 에디터로 gVim을 설치해서 사용하고 있었는데
이게 yy 같은 명령어를 사용해서 한줄 복사해도
윈도우 클립보드에 들어가지는 않아서 불편했었다.

검색을 해보니 설정파일에 아래와 같이 추가하니 잘 동작한다.

set clipboard=unnamed

Discover Meteor 를 다 읽고 느낀점

처음에는 meteor가 단순히 프로토타입 용도로만 쓸만 할거라고 생각 했었는데
이 책을 다보고 나서는 생각이 바뀌었다.
충분히 production 환경에서도 쓸 수 있을것 같다.

특징들을 간단히 정리해 보면

1. Client side mongo db

가장 큰 특징은 client side에도  mongo db(mini mongo)가 떠 있어서
데이터가 서버와 동기화 된다는 것이다.
따로 서버와 데이터를 주고 받는 로직이 필요 없기 때문에
처음에 프로토타이핑 할때 굉장히 편하다.
하지만 데이터가 커지면 어떻게 하나 했는데
책에 보면 publication, subscription 모델을 이용해서 해결한다.

2. Reactivity

그리고 맘에 드는 부분중에 하나는 Reactivity(반응성) 이다.
이게 미티어에서 잘 제공해주는 것중의 하나인데
데이터가 변경되면 화면에 리프레쉬 없이 바로바로 반영을 해준다.

3. Template

화면을 템플릿 단위로 분할하여 코드가 굉장히 깔끔해진다.
템플릿은 보통 html 과 js 파일로 구성한다.

4. 대기시간 보정(Latency Compensation)

이게 처음에 봤을때 좀 신기한 부분이었는데
데이터의 변경이 있을때 클라이언트에서는 일단 바로 반영하고
나중에 서버의 결과를 받아서 업데이트 하는 방식이다.
이렇게 해서 웹앱의 반응성을 끌어올릴수 있다.

5. 패키지 시스템

meteor 에서 제공해주는 패키지도 편리하게 사용할 수 있도록 잘 해놓았고
https://atmospherejs.com/ 이 사이트에 들어가면
다른 개발자들이 제공해주는 다양한 패키지들을 이용할 수 있다.
무엇보다도 패키지를 가져다 사용하는게 정말 코드 한줄만 추가하면 되는 방식이라 편하다.

6. 결론

일단 meteor로 개발을 하면 재미있다.
코드 변경사항이 웹브라우저를 리프레쉬 할 필요없이 바로바로 반영되며
데이터의 변경사항도 화면에 바로바로 반영된다.
자기가 구상 서비스를 프로토타이핑 해보고 싶을때는 정말 좋을것 같고
production도 불가능하지 않다는 생각이 든다.
물론 나중에가면 scale out 방안 같은걸 고민해 봐야겠지만..
처음에 외부 자바스크립트 라이브러리를 추가하는 것때문에 좀 고생을 했었는데
그건 http://yms9654.blogspot.kr/2015/01/meteor-javascript-library.html 여기에 간단히 정리를 했다.
책도 한글판이 온라인에 공개되어 있다.
http://kr.discovermeteor.com/