bower 추가!

Spring Boot 프로젝트 만들기 - 1편

Spring Boot 프로젝트 만들기 - 2편

Spring Boot 프로젝트 만들기 - 3편

Gradle + MyBatis + MariaDB 를 이용한 스프링 부트 프로젝트를 생성 해보았고 이번엔 프로엔트 패키지 관리 툴인 

Bower를 설치하여 적용 하려고 한다. 

핫바리 개발자로서 아직 크게 필요성을 느끼진 못하나 gulp or grunt 를 이용하여 의존성도 해결하고 라이브러리 버전 

관리도 가능하니 이부분 까지 해봐야 할 것 같다.

1. node.js 다운 로드 https://nodejs.org/ko/download/

2. 설치 후 cmd 창에 

node -v

3. bower 설치

npm install -g bower

4. git 설치

https://git-scm.com/download/win 다운로드 후 설치

a: Select> Use Git form the Windows Command Prompt 

b: Select> Checkout Windows-style, commit Unix-style line endings

c: Select> Use Windows' default console window

# 리눅스 CentOS 설치

1. node.js 설치

https://nodejs.org/ko/download/ 다운로드 후 설치 or

# wget https://nodejs.org/dist/v6.10.3/node-v6.10.3.tar.gz

#tar xvf node

#cd node-v

#yum install gcc gcc-c++

#./configure

#make

#make install

#node –version

2. bower 설치

# npm install –g bower

3. git 설치

# yum –y install git

# bower 사용법

* git bash 실행

1..bowerrc 파일 작성(home 디렉토리에 작성. 없으면 default값 사용. 프로젝트 home에 두면 마지막 파일 기준으로 override 됨) 설정 파일임. 각자의 스타일에 맞게 작성

# vi .bowerrc

{

“directory":"src/main/resources/static/bower_components”,

“analytics”: false,

“timeout”: 120000,

“color” : true,

“json”:”bower.json”

}

2. 해당 프로젝트 경로로 이동하여 bower.json 파일 생성

# cd /c/java77/bin/workspace/bulkywebdeveloper

# bower init

3. jquery 검색

# bower search jquery

4. jquery install

# bower install jquery --save-dev

--save-dev로 프로젝트의 bower.json파일에 같이 기록

5. 프로젝트 새로고침하면

jquery 가 추가 되어 있다. 이제 저 경로로 접근하여 jquery를 사용 하면 끝!

* bower 명령어

- 설치 bower.json에 devDependecies에 해당 패키지명 저장

$ bower install <package> --save-dev

 

- 설치된 컴포넌트 제거

$ bower uninstall <package>

 

- 현재 폴더 하위에 설치된 컴포넌트 목록 확인 (최신버전이 아닐경우 옆에 최신버전이 ()에 표시됨)

$ bower ls/list

 

- 컴포넌트 검색

bower search <package>

 

- 패키지 검색

$ bower lookup <package>

 

- 패키지 버전정보 확인

$ bower info <package>