![[];](https://image.slidesharecdn.com/ionic5-150613063406-lva1-app6891/85/Ionic-5-22-320.jpg)
Ionic으로 모바일앱 만들기 #5
- 1. Ionic
- 2. 으로
- 3. 모바일앱
- 4. 만들기 #5.
- 5. 빌드,
- 6. 영화
- 7. 검색
- 8. 프로젝트 ABCD,
- 9. 스노우키위
- 10. 한성일
- 11. 1. 빌드 2. 기획 3. 프로젝트 코스
- 12. 1.
- 13. 빌드(Build)
- 15. function($scope,
- 16. $http)
- 17. {
- 20. $scope.items
- 21. =
- 22. [];
- 25. $scope.loadMore
- 26. =
- 27. function()
- 28. {
- 34. {
- 41. useItems(items);
- 53. });
- 56. };
- 60. function()
- 61. {
- 69. });
- 71. 빌드(Build) 작성한 소스와 라이브러리를 컴파일 지정한 장소로 배치하는 작업 링커가 링크를 연결.. 여러 모듈을 합체 동작 가능 하도록 .. source1 source2 source3 Library
- 72. 2.
- 73. 기획
- 74. Kakao
- 75. Oven
- 77. 3.
- 78. 개발
- 79. 네이버
- 80. API
- 81. 사용 우선 키를 발급 받아야 함 Cross Domain 문제로 직접 사용 불가 (콜백 기능도 없음) 우리는 wrapper 를 사용하여 API 를 사용
- 82. API
- 83. 키발급
- 84. 1 http://developer.naver.com/wiki/pages/SrchAPI1 2 3 (아이오닉에 바로 사용 할 수 없어 여기선 사용하지 않습니다.)
- 85. API
- 86. 키발급
- 87. 2 4 생성된 발급키를 사용합니다. http://openapi.naver.com/search?key=발급키query=%EC%A3%BC %EC%8B%9Dtarget=newsstart=1display=10 5 주소에 키를 넣고 테스트 해봅니다.
- 88. API
- 89. 스펙
- 91. 4.
- 92. 프로젝트
- 93. API http://json.parser.online.fr/ http://abcds.kr/study/ionic/movie.php?query=abcd 모든 설정이 끝난 ABCD API 를 활용합니다. 영화검색 Query 에 검색어를 입력합니다. JSON 결과가 정리가 안됨으로 정리해봅시다.
- 94. 앱생성 ionic start movieApp blank ionic-space 로 이동 command 툴 앱설정
- 95. app.js .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('index', { url: /, templateUrl: templates/main.html }) .state('movie', { url: /movie, templateUrl: templates/movie.html }) $urlRouterProvider.otherwise('/'); })
- 96. controllers.js .controller('movieCtrl', function($scope, $http) { $http.get(http://abcds.kr/study/ionic/movie.php?query=abcd) .success( function (response) { $scope.movies = response; $scope.items = response.channel.item; }); });
- 97. movie.html ion-view view-title=Menu ion-content ion-list ng-controller=movieCtrl show-delete=shouldShowDelete show-reorder=shouldShowReorder can-swipe=listCanSwipe ion-item ng-repeat=item in items class=item-thumbnail-left img ng-src={{item.image}} h2{{item.title}}/h2 /ion-item /ion-list /ion-content /ion-view
- 98. 직접
- 99. 기능을
- 100. 만들어
- 101. 봅시다.
- 102. 직접
- 103. 기능을
- 104. 만들어
- 105. 봅시다. 앞의 자료들을 보면 구현 가능합니다. 직접해보고 기능을 넣어보자구요. :)
- 106. Release ionic platform add android cd platforms/android keytool
- 107. -genkey
- 108. -v
- 109. -keystore
- 110. YourApp.keystore
- 111. -alias
- 112. YourApp
- 113. -keyalg
- 114. RSA
- 115. -keysize
- 116. 2048
- 117. -validity
- 118. 10000 platforms/android ant.properties 생성 key.store=YourApp.keystore key.alias=YourApp 1 2 3 4 platforms/android secure.properties 생성 5 6 property file=secure.properties /custom_rules.xml cd .. cd .. ionic build android --release 7
- 119. 정말
- 120. 정말
- 122. 수고하셨습니다.
- 123. :) ABCD
- 129. 한성일
- 133. iheart79@gmail.com