336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
오늘도 가볍게(?) 인텔리J를 사용해서 Angular-Gulp-Bower 프로젝트를 시작하는 방법을 정리해보도록 하겠습니다.
왜 하필 angular , gulp, bower일까요?
그건,,, 현재 메인으로 하고 있는 작업에서 위 3가지를 사용하고 있기 때문입니다. :-)
우선 위 3가지 중 gulp 및 bower에 대해서 뭐하는 넘들인지만 간략하게 기능만 알아보도록 하겠습니다.
Gulp is a javascript task runner that lets you automate tasks such as…
- Bundling and minifying libraries and stylesheets.
- Refreshing your browser when you save a file.
- Quickly running unit tests
- Running code analysis
- Less/Sass to CSS compilation
- Copying modified files to an output directory
Gulp는 자바스크립트 자동화 툴이라고 보시면 되고, 위 영어 내용보다 더 쉽게 줄여보자면
자동으로 자바스크립트 및 css 파일에 대해서 분석 후, 컴파일(minify 또는 Less/Sass를 css로) 작업을 거친 후,
원한다면 파일을 bundling 후, 배포하는 기능을 하는 툴이라고 보시면 됩니다.
Link : http://gulpjs.com/
Bower는 패키지 관리툴이라고 보시면 됩니다.
Angular는,,,,다들 아시죠? ㅎ
위 3가지를 개별적으로 구성할 수 있으나, 사실 생각보다 귀찮습니다.
그래서 yeoman generator를 사용해서 시작해보도록 하겠습니다.
Yeoman에 대해서는 다음 링크에서 확인해보실 수 있습니다.
참고로 아래 작업을 하기 이전에 node 및 npm이 반드시 설치되어 있어야 하며, IntelliJ에서도 마찬가지로 설정되어 있으야 합니다.
여기서부터 스크롤 압박이 시작되므로 주의해주시기 바랍니다.
'IDE & Apps > IntelliJ Idea' 카테고리의 다른 글
| 깃털보다 가벼운 인텔리J 아이디어(IntelliJ Idea) 팁 13 - JSON Fragment편집 (0) | 2016.11.18 |
|---|---|
| 깃털보다 가벼운 인텔리J 아이디어(IntelliJ Idea) 팁 11 - Method Extract (0) | 2016.06.16 |
| 깃털보다 가벼운 인텔리J 아이디어(IntelliJ Idea) 팁 10 - File & Code Template (0) | 2016.05.20 |
| 깃털보다 가벼운 인텔리J 아이디어(IntelliJ Idea) 팁 9 - Show Values Inline (0) | 2016.05.19 |
| 깃털보다 가벼운 인텔리J 아이디어(IntelliJ Idea) 팁 8 (0) | 2016.05.19 |