이재홍의 GitHub 탐험기 시즌2 2014/11/24

bower - A package manager for the web

https://github.com/bower/bower

트위터에서 개발한 웹 프론트엔드용 패키지 매니저입니다. 지금까지 웹 사이트를 만들때마다 매번 jQuery와 Bootstrap 등을 받아와서 프로젝트에 포함을 했었습니다.

bower는 각종 자바스크립트, CSS 라이브러리를 모듈화했고, 명령어만 입력하면 알아서 받아옵니다. 요즘 웹 프론트엔드용 라이브러리는 독자적으로 동작하지 않고, 다른 라이브러리를 가져다 쓰는 경우가 많습니다. 대표적으로 Bootstrap이 그런데 Bootstrap은 jQuery가 필요합니다.

bower 자체는 Node.js로 구현되어 있기 때문 다음과 같이 npm 명령으로 설치해줍니다.

npm install -g bower

그리고 npm처럼 bower install 명령으로 패키지를 설치할 수 있습니다.

bower install bootstrap

bower는 패키지를 설치하면 필요한 패키지를 함께 받아옵니다. bower ls 명령을 입력하면 현재 디렉터리에 설치된 bower 패키지를 볼 수 있습니다.

$ bower ls
bower check-new     Checking for new versions of the project dependencies..
bower c:\Users\pyrasis\Desktop\bower
└─┬ bootstrap#3.3.1 extraneous
  └── jquery#2.1.1

이렇게 Bootstrap에 필요한 jQuery도 함께 받아옵니다.

이후 HTML에서 Bootstrap과 jQuery를 로딩하여 사용하면 됩니다. npm의 package.json과 마찬가지로 bower도 bower.json 파일에 필요한 패키지를 정의하여 사용할 수 있습니다.

dds-field-guide - Project to track the distributed development stack (DDS).

https://github.com/odewahn/dds-field-guide

분산 개발 스택(DDS) 가이드 문서입니다. 요즘은 클라우드 플랫폼 종류도 엄청 많아졌고, 개발에 필요한 라이브러리는 셀 수 없이 많아졌습니다. 그래서 뭘 사용해야될지 혼란스러운데요.

dds-field-guide에는 개발에 유용한 서비스, 라이브러리, 개발 방법 등을 모아놓았습니다.

• 클라우드 플랫폼
• CI(Continuous Integration)
• 코드 저장소
• 애플리케이션은 로컬에서 완벽히 동작하도록 설계
• 개발 환경은 자동화
• 모니터링 시스템
• 테스트는 QA 부서가 아닌 테스트 코드가 수행
• 컨테이너를 이용한 배포
• 실시간 차트 및 채팅 봇

내용은 http://sites.oreilly.com/odewahn/dds-field-guide/에서 볼 수 있습니다.

가히 클라우드 플랫폼과 개발용 라이브러리의 춘추전국시대입니다. 자신에게 맞는 플랫폼과 라이브러리를 쇼핑하는 것도 큰 즐거움이지요.

material-ui - A CSS Framework and a Set of React Components that Implement Google's Material Design.

https://github.com/callemall/material-ui

구글의 Material Design을 구현한 CSS 프레임워크입니다. Material Design은 안드로이드 L과 함께 발표된 UI 스타일인데요. 모바일뿐만 아니라 웹에서도 Material Design을 구현한 프로젝트들이 나오고 있습니다.

데모는 http://material-ui.com/#/components/buttons에서 볼 수 있습니다.

이상 끝.