๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Develop/It ์ด๊ฒƒ์ €๊ฒƒ

bower ์„ค์น˜ํ•˜๋Š” ๋ฒ• (bower install)

by _mingle 2024. 1. 31.
728x90

 

1. ์ œ์ผ ๋จผ์ € ์‹œ์Šคํ…œ์— Node.js , npm์ด ์„ค์น˜๋˜์–ด์žˆ์–ด์•ผํ•จ. ์ดํ›„ npm์„ ์‚ฌ์šฉํ•˜์—ฌ bower ์„ค์น˜.

npm install -g bower

 

2. ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™ํ•ด์•ผํ•จ.
bower๋ฅผ ์„ค์น˜ํ•˜๊ณ ์ž ํ•˜๋Š” ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™

cd my_project

 

3. bower ์ดˆ๊ธฐํ™”๋ฅผ ํ•ด์ฃผ๋ฉฐ 'bower.json' ํŒŒ์ผ์„ ์ƒ์„ฑํ•จ

bower init

๋ช‡๊ฐ€์ง€ ์งˆ๋ฌธ๋“ค์ด ๋‚˜์˜ค๋Š”๋ฐ ๋Œ€๋‹ต ์ž˜ํ•ด์ฃผ๋ฉด ๋จ.

  • name (your_project_name): ํ”„๋กœ์ ํŠธ์˜ ์ด๋ฆ„์„ ์ง€์ •ํ•˜๋Š” ์งˆ๋ฌธ์œผ๋กœ ๊ธฐ๋ณธ๊ฐ’์€ ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ ์ด๋ฆ„์ž„.
  • description: ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ๊ฐ„๋‹จํ•œ ์„ค๋ช…์„ ์š”๊ตฌํ•˜๋Š” ์งˆ๋ฌธ์œผ๋กœ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ๊ฐ„๋žตํ•œ ์„ค๋ช…์„ ์ž…๋ ฅํ•˜๋ฉด ๋จ.
  • main file: ํ”„๋กœ์ ํŠธ์˜ ์ฃผ์š” ํŒŒ์ผ์„ ์ง€์ •ํ•˜๋Š” ์งˆ๋ฌธ์œผ๋กœ ๋‚œ index.js๋กœ ์„ค์ •ํ•จ.
  • keywords: Bower ํŒจํ‚ค์ง€์˜ ํ‚ค์›Œ๋“œ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค๋ช…ํ•˜๋Š”๋ฐ ๋„์›€์ด ๋˜๋Š” ๋‹จ์–ด๋ฅผ ์ ์Œ.
  • authors: ๋‚ด ์ด๋ฉ”์ผ
  • license: MIT๊ฐ€ ์ผ๋ฐ˜์ ์ด๋ผ๊ณ  ํ•ด์„œ ์ผ๋‹จ ๋‚˜๋„ MIT๋กœ ์„ค์ •ํ–ˆ์Œ
  • hompage: git์ฃผ์†Œ ์ ๋Š”๋‹ค๊ณ ํ•˜๋˜๋ฐ ๋‚œ ๊ณต๋ž€์œผ๋กœ ๋„˜๊น€.
  • set currently installed components as dependencies?: ์žฌ ํ”„๋กœ์ ํŠธ์— ์ด๋ฏธ ์„ค์น˜๋œ ์ปดํฌ๋„ŒํŠธ๋ฅผ bower.json ํŒŒ์ผ์˜ ์˜์กด์„ฑ(dependencies) ๋ชฉ๋ก์œผ๋กœ ์„ค์ •ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ๋ฌป๋Š” ๊ฒƒ์œผ๋กœ ์ด๋ฏธ ์„ค์น˜๋œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์˜์กด์„ฑ์œผ๋กœ ์ง€์ •ํ•˜๊ณ ์ž ํ•˜์—ฌ Y๋กœ ์„ค์ •ํ•จ
  • add commonly ignored files to ignore list?: ๋ฌด์‹œ๋˜๋Š” ํŒŒ์ผ๋“ค์„ .bowerrc ํŒŒ์ผ์˜ ๋ฌด์‹œ ๋ชฉ๋ก(ignore list)์— ์ถ”๊ฐ€ํ• ์ง€ ์—ฌ๋ถ€๋ฅผ ๋ฌป๋Š” ๊ฒƒ์œผ๋กœ ๋‚œ Y๋กœ ์„ค์ •ํ•จ.
  • would you like to mark this package as private which prevents it from being accidentally published to the registry?: ํŒจํ‚ค์ง€๋ฅผ ๊ฐœ์ธ์ ์ธ ์šฉ๋„๋กœ๋งŒ ์‚ฌ์šฉํ•˜๊ณ  ์™ธ๋ถ€์— ๊ณต๊ฐœํ•˜์ง€ ์•Š์„ ๊ฒƒ์ธ์ง€ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์œผ๋กœ ๋‚œ ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž์™€ ๊ณต์œ ํ•  ๋ชฉ์ ์ด ์žˆ์–ด N๋ฅผ ์ž…๋ ฅํ•จ.

4. ํŒจํ‚ค์ง€ ์„ค์น˜๋ฅผ ํ•ด์ค˜์•ผํ•จ.

bower install bootstrap

 

์ด๋ ‡๊ฒŒ ํ•˜๋ฉด Bootstrap๊ณผ jQuery๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋จ.

์ด์ƒ bower ์„ค์น˜ ๋ฐฉ๋ฒ•์ด์—ˆ์Œ.

 

728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€