http request 를 CLI 환경에서 보낼 때 주로 많이 사용하시는 것은 curl 일 겁니다. 혹은 wget을 사용할 수도 있습니다.

하지만 오늘 나온 이 httpie는 세가지 정도의 강점을 가진 CLI http툴이라고 보시면 됩니다.

2016/08/17 Editor’s choice

jkbrzt/httpie
_httpie - CLI HTTP client, user-friendly curl replacement with intuitive UI, JSON support, syntax highlighting, wget…_github.com

설치

$brew install httpie

실행

$http www.daum.net

보시다시피 content highlighting 기능을 가지고 있는게 우선적으로 다른 툴과는 다른 모습을 보여줍니다.

게다가

http PUT example.org name=John email=john@example.org

형태의 key=value 쌍이 들어갈 경우에 JSON으로 자동으로 치환해서 업로드 해주는 기능을 갖고 있습니다.

PUT / HTTP/1.1  
Accept: application/json, \*/\*  
Accept-Encoding: gzip, deflate  
Content-Type: application/json  
Host: example.org  

{  
"name": "John",  
"email": "john@example.org"  
}

게다가

$ http --download example.org/file

— download 옵션을 쓰면 wget처럼 파일을 다운 받을 수 있습니다.

상당히 유용하게 사용할 수 있는 툴이겠네요.

하지만 curl과 wget 사용층이 많은 만큼 대체할 수 있을지는 의문입니다.

By Keen Dev on August 16, 2016.

Exported from Medium on May 31, 2017.

webpack 을 쓰면서 콘솔창이 시끄럽다고 생각했던 것은 저만이 아니었나 봅니다.

위에 보는 형태 처럼 깔끔하게 cli 대시보드로 만들어 줄 수 있는 프로젝트가 등장했네요.

2016/08/16 Editor’s choice

FormidableLabs/webpack-dashboard
_webpack-dashboard - A CLI dashboard for webpack dev server_github.com

설치하기

간단하게 npm을 이용하면 됩니다.

$npm install webpack-dashboard --- save-dev

사용하기

webpack을 사용할 때에 보통 config 파일과 실행파일(dev-server 쪽)을 나눠서 진행할 경우가 많은데, config 쪽에 적용해 줘야 할 부분과 실행 파일쪽에 적용해 줘야 하는 부분으로 나눠서 설명하겠습니다.

첫번째 server.js 쪽 소스 예제가 실행에 관련된 부분, 부번째가 config.js 관련된 샘플이라고 보시면 됩니다.

저렇게 실행시키고

$node server

명령어로 실행을 시켜주고 나면

와 같은 그림이 뜹니다.

심심하니 에러를 의도적으로 만들어 보겠습니다.

프로그레스 바가 뜨더니 에러를 로그에 뱉어 주는 군요.

모듈과 Asset에 대한 내용도 자세히 표시 되어 있습니다.

깔끔하게 webpack상태를 모니터링 하기에는 좋은 방법으로 보여집니다.

By Keen Dev on August 15, 2016.

Exported from Medium on May 31, 2017.