동해둘리의 IT Study

지난번, [ ionic framework 와의 첫 만남 포스팅 ] 에서, 실제 실행 부분에서 진행이 잘 되지 않았었는데요, 이번에는, github 에서 받았던 Sample ionic project 를 이용해서, android 화면에서 테스트 해보고자 Build 까지 진행을 해보려고 합니다. https://github.com/loicknuchel/ionic-starter 아래 명령을 정상적으로 실행하는 것이 목표입니다. ionic platform add android : add android platform to the projectionic resources : generate icon & splash-screen for project platformsionic run android : run your ..

IT공부방/하이브리드앱 2016. 7. 2. 20:10

ionic framework 를 처음 접한 후로, Hello World 수준으로 테스트를 해봤었는데, 이번에는 GitHub 에 등록되어 있는 starter project 중에서 하나를 테스트 삼아서 실행시켜보기로 했습니다. 먼저, GitHub 에서 ionic project 로 검색한 후에, 있어보이는 프로젝트 하나를 임의로 선정해 봤습니다 https://github.com/loicknuchel/ionic-starter 아래의 순서대로 실행하면 된다고 했는데, install nodejs, npm, gulp, bower, cordova, ionic & sass (if not already done)git clone git@github.com:loicknuchel/ionic-starter.git : clone..

IT공부방/하이브리드앱 2016. 7. 2. 19:28

ionic framework 를 이용하여 하이브리드앱 개발을 하기위해 Study 를 진행하고 있습니다. Study 기록을 위하여 명령어를 정리하고, 틈틈히 추가하도록 하겠습니다. 1. ionic framework 설치하기 1) node.js 설치하기 http://nodejs.org/en/ 에 접속하여 node.js 를 설치한다. 2) ionic / cordova 설치하기 nodejs commandline prompt 실행 후 ionic / cordova 를 설치 npm install -g ionic npm install -g crodova 또는 ionic 과 cordova 를 한번에 설치한다. sudo npm install -g ionic cordova 2. ionic 명령어 모음 1) ionic sta..

IT공부방/하이브리드앱 2016. 7. 2. 15:18

하이브리드앱 개발을 위해 Study 를 진행하던 중에, ionic framework 라는 것을 접하게 되었습니다. 아주 간단하고 빠르게 하이브리드앱을 개발할 수 있다는 말을 듣고, ionic 을 소개하는 유튜브 영상으로 Preview 를 해봤네요 이 영상대로만 된다면야, 워드문서 한장 만드는 것처럼 쉽다는 말인데..... 우선, ionic.io 에 접속하여 Get Started Free 버튼을 눌러 ionic 의 세계로 들어가 봅니다. 참고 : http://ionicframework.com/getting-started/ 1번 안내에서 하라는 대로, 제일 먼저, Node.js 를 설치합니다 그리고는 cordva와 ionic 실행을 위한 command-line-tool 을 설치합니다. 좀 전에 node.js..

IT공부방/하이브리드앱 2016. 7. 2. 13:41