Monaca에서 Ionic 사용
최근 들어 Monaca가 Ionic을 지원한 것 같습니다.
Ionic이 겨우 AngularJS 1.5에 대응했습니다(2.x계의 이야기가 아니고 죄송합니다).
Ionic 공식 블로그
htp : // bg. 이오니 c. 이오 / 안오 응 신 - 이오니 c - 1-3 /
즉시 앱을 만들어 봅시다.
Monaca 템플릿을 사용하는 경우
대시보드에서 새 프로젝트 만들기를 클릭하고 Ionic 템플릿을 선택한 다음 만들기를 누릅니다.
이것만!
자체적으로 Ionic 라이브러리를 통합하는 경우
※Node.js Ver.4 인스톨이 끝난 것으로 합니다.
Cordova 설치
Cordova가 없으면 NPM 명령으로 설치합시다.
$ npm install -g cordova
Ionic 설치
NPM 명령으로 Ionic CLI를 설치합니다.
$ npm install -g ionic
샘플 앱 만들기
Ionic 샘플을 만듭니다.
$ ionic start myApp tabs
샘플은
- 블랭크
- 탭
- sidemenu
3가지 중에서 선택할 수 있습니다.
Monaca에 추가
/myApp/www/
다음을 Monaca의 /www/
에 업로드합니다.
미리보기가 표시되면 완료됩니다.
↓ 위의 작업이 귀찮은 경우 Monaca 템플릿을 사용하거나 아래 샘플을 가져옵니다.
htps : // 기주 b. 코 m/푸쿠 0x/모나카-이오니 c/bぉb/마s r/모나카-이오니 c. 지 p
소감
생각보다 쉽게 도입할 수 있었습니다.
Monaca는 OnsenUI를 권장하지만, 부족한 경우 Ionic을 사용하는 것이 좋습니다.
Reference
이 문제에 관하여(Monaca에서 Ionic 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/puku0x/items/6ef6fe25e483f0896ebf
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
※Node.js Ver.4 인스톨이 끝난 것으로 합니다.
Cordova 설치
Cordova가 없으면 NPM 명령으로 설치합시다.
$ npm install -g cordova
Ionic 설치
NPM 명령으로 Ionic CLI를 설치합니다.
$ npm install -g ionic
샘플 앱 만들기
Ionic 샘플을 만듭니다.
$ ionic start myApp tabs
샘플은
- 블랭크
- 탭
- sidemenu
3가지 중에서 선택할 수 있습니다.
Monaca에 추가
/myApp/www/
다음을 Monaca의 /www/
에 업로드합니다.미리보기가 표시되면 완료됩니다.
↓ 위의 작업이 귀찮은 경우 Monaca 템플릿을 사용하거나 아래 샘플을 가져옵니다.
htps : // 기주 b. 코 m/푸쿠 0x/모나카-이오니 c/bぉb/마s r/모나카-이오니 c. 지 p
소감
생각보다 쉽게 도입할 수 있었습니다.
Monaca는 OnsenUI를 권장하지만, 부족한 경우 Ionic을 사용하는 것이 좋습니다.
Reference
이 문제에 관하여(Monaca에서 Ionic 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/puku0x/items/6ef6fe25e483f0896ebf
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Monaca에서 Ionic 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/puku0x/items/6ef6fe25e483f0896ebf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)