프로젝트를 만들

1. Ionic

2. 으로

3. 모바일앱

4. 만들기
#5.

5. 빌드,

6. 영화

7. 검색

8. 프로젝트
ABCD,

9. 스노우키위

10. 한성일

11. 1. 빌드
2. 기획
3. 프로젝트
코스

12. 1.

13. 빌드(Build)

14. 컴파일(Compile)
Source Code Binary
.controller('InfiniteCtrl',

15. function($scope,

16. $http)

17. {

20. $scope.items

21. =

22. [];

25. $scope.loadMore

26. =

27. function()

28. {

33. $http.get('/more-items').success(function(items)

34. {

41. useItems(items);

48. $scope.$broadcast('scroll.infiniteScrollComplete');

53. });

56. };

59. $scope.$on('$stateChangeSuccess',

60. function()

61. {

66. $scope.loadMore();

69. });

70.
})
Compiler
GCC, Javac ...
??

71. 빌드(Build)
작성한 소스와 라이브러리를 컴파일
지정한 장소로 배치하는 작업
링커가 링크를 연결..
여러 모듈을 합체 동작 가능 하도록 ..
source1
source2
source3
Library

72. 2.

73. 기획

74. Kakao

75. Oven

76.
스토리보드를 만들어 봅시다.
https://ovenapp.io/

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. 스펙

90. 예제
http://developer.naver.com/wiki/pages/News

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

125. http://abcds.kr

128. https://www.facebook.com/groups/562787713823026/

129.
한성일

131. https://www.facebook.com/jamie.han.16

133. iheart79@gmail.com