bower 은 무엇인가?

이번 프로젝트를 하면서 bower에 대해 알게되었다.

npm install 이나 리눅스계열들에서 yum, apt-get 과 비슷한거라고 볼 수 있는데, 간단하게 얘기하면 웹에서 사용할 관련 플러그들을 설치해주는 것이다. 프론트앤드 패키지 관리자라고 하던데 node.js 기반으로 만들어 진거라 npm을 이용해 설치해야한다. npm 으로 설치할때는 아무데서나 설치해야 할것이기에 글로벌로 설치한다

더 자세한 설명은 이 링크로 가서 확인하세요~ => bower : 웹 프론트앤드 패키지 관리자

$ npm install -g bower

지금까지는 jquery를 넣으려면 홈페이지 가서 다운받거나, 링크를 걸어서 하는게 많았을텐데 bower를 사용하면 자동으로 다운받아준다. 그래서 링크만 해주면 완료!

만약 angular-masonry 를 추가하고 싶다고 하자. 그럼 설치하고 싶은 폴더를 cmd로 들어간 다음

$ bower install --save angular-masonry

위와같이 하면 설치가 된다.

이런식으로 자동으로 폴더가 생성된다

이렇게 관련된것들이 설치된다.

이런식으로 등록해 사용하면 된다.

이런식으로 자동으로 설치해주니 편하긴 하다 그리고 명령어중에 --save 는 설치된 것들의 버전을 저장해준다.(저장 파일이름은 bower.json 이다.) 이후 새로운 곳에서 이전과 같은 환경을 놓고 개발하고 싶다면 설정파일(bower.json)을 복사해서 가서 bower install  만 입력하면 저장된 버전으로 설치를 완료한다.

bower.json 파일 내부 구조. dependencies 안에 적힌것들이 이번에 설치된 것들이다.

계속 패키지를 추가한다 하더라도 --save 명령어를 사용하면 파일을 알아서 덮어씌워주니 편하다.