angularjs 썸네일형 리스트형 ionic generator mint-ionic generator개발 이유 ionic cli로 생성하면 minify가 어렵다.bower package전체가 app으로 들어가게 되어 용량이 증가한다.(js 라이브러리가 많아질수록 용량 증가.)ionic resources의 nine patch 불가로 인한 리소스 생성 어려움.build 방법의 어려움으로 인해 시간 소요.위와 같은 이유로 인해 새로운 generator을 개발하게 되었다.아래는 설치 및 실행방법이다. install $ npm install -g yo $ npm install -g generator-mint-ionic generate $ yo mint-ionic run run serve $ gulp serve emulate $ gulp emulate --arg 'android.. 더보기 (3).시작하기 본격적으로 angularjs를 만들어보자목표 yeoman으로 템플릿을 만든다.grunt로 실행하면서 소스 추가 수정해본다.grunt로 빌드해서 서버에 올려본다.angular 테스트하는 방법을 알아본다.1.yeoman으로 템플릿을 만든다.준비물에서 필요한 패키지들을 다설치하고 난뒤 yo template을 찾아서 설치한다. yeoman에서 angular를 찾아서 설치한다. angular yeoman generator에서 시키는 대로 설치를 하자.아래는 generator-angular에서 나온 시작하는 방법이다.$ npm install -g grunt-cli bower yo generator-karma generator-angular $ mkdir my-new-project && cd $_ $ yo angul.. 더보기 (2).개발툴 angularjs를 더욱 개발하기 편리하도록 해주는 도구들을 설치해보자환경os : mac os설치 목록 bowergruntgulpyeoman지난 준비물1에서 필요한것들을 다 설치 하였다. 본격적으로 angular를 개발하기 위한 툴들을 다운 받아보자.bower알만한 사람들은 다 아는 js 패키지 매니지먼트 도구이다. 자세한 내용은 bower에 가서 확인하면 된다. install bower라고 나와있는 부분을 따라서 설치 하면된다.$ npm install -g bower gruntjs 빌드 및 배포등을 해주는 자동화 도구이다. ant와 비슷한 도구이다. 자세한 내용은 grunt에 가서 확인하면 된다. Installing the CLI라고 나와있는 부분을 따라서 설치 하면된다.$ npm install -g .. 더보기 (1).준비물 angularjs를 본격적으로 시작하기 전에 필요한 것들을 먼저 사용하는 법을 적어놓는다.환경os:mac os기본 툴1.brew : node 설치 등을 하기 위한 패키지 매니저 프로그램 2.git : 소스를 저장하거나 node패키지를 받기위해 필요하다. 3.node:각종 빌드 라이브러리 툴을 사용하기 위한 환경 4.ruby:compass를 컴파일 하기 위한 도구 5.sublime text:코드 에디팅(다른 아무거나 사용해도 괜찮다.)1.brew 설치 brew 에서 설치 가능하다. ruby가 반드시 필요하다.(mac에 시스템에 디폴트로 설치된 것을 사용하면 된다.)$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/maste.. 더보기 yeoman angular로 커피스크립트추가 Using yeomen 1.0.0-rc1.4. I use:$ yo angular --coffeeThe resulting project has controller and app scripts in CoffeeScript.grunt configuration file remains in js (what is not really a problem).Running$ grunt testruns tests and all seems fine.$ grunt serveris also doing what one expects (build the app, test it, starts server, opens the app in web browser and starts watching for changes, so if I ch.. 더보기 angularjs 도구들 1.웹에서 간단히 테스트 해볼수 있는 사이트http://plnkr.co/사이트 자체도 angularjs를 이용해 만들었고 간단히 테스트 해보기 정말 좋은 사이트 http://jsfiddle.net/jquery를 테스트해보기 가장 좋은 사이트이다 angularjs 버젼이 1.2.1로 되어 있어서 약간은 아쉬움. 2.angularjs 개발 도구(1).yeoman generator프론트 엔드 개발의 혁신을 몰고온 grunt,bower,yo를 한꺼번에 묶어놓은 개발 도구http://yeoman.io/ http://yeoman.io/generators/ 에서 가장 많은 star를 받은 제너레이터가 angular이다.https://github.com/yeoman/generator-angular (2).starter.. 더보기 이전 1 다음