Showing
2 changed files
with
15 additions
and
42 deletions
... | @@ -18,6 +18,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U"; | ... | @@ -18,6 +18,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U"; |
18 | 18 | ||
19 | export default class MovieRankingTab extends Component { | 19 | export default class MovieRankingTab extends Component { |
20 | state = { | 20 | state = { |
21 | + list: "", // 스트링 리스트 받아오는 변수 | ||
21 | isLoading: true, | 22 | isLoading: true, |
22 | info: [], | 23 | info: [], |
23 | date: "", | 24 | date: "", |
... | @@ -208,10 +209,13 @@ export default class MovieRankingTab extends Component { | ... | @@ -208,10 +209,13 @@ export default class MovieRankingTab extends Component { |
208 | this.getMovieList(date); | 209 | this.getMovieList(date); |
209 | } | 210 | } |
210 | 211 | ||
212 | + //눌렀을 때 저장함수 | ||
211 | _onPressButton(temp) { | 213 | _onPressButton(temp) { |
214 | + //this.state.list = ""; //초기화(On Off 기능으로 짜놨습니당, 누적되는거 보고싶으면 이부분 주석달면 돼여) | ||
212 | Alert.alert(temp);//메시지 띄우고 | 215 | Alert.alert(temp);//메시지 띄우고 |
213 | - console.log(temp);//콘솔에 log 띄운다 | 216 | + this.state.list = this.state.list + '\n' + temp; //list 누적해준다(endl으로 구분) |
214 | - AsyncStorage.setItem('MovieLists', temp); //DB에 저장한다 | 217 | + console.log(this.state.list);//콘솔에 log 띄운다 |
218 | + AsyncStorage.setItem('MovieLists', this.state.list); //DB에 저장한다 | ||
215 | } | 219 | } |
216 | 220 | ||
217 | render() { | 221 | render() { | ... | ... |
... | @@ -6,7 +6,6 @@ import { | ... | @@ -6,7 +6,6 @@ import { |
6 | TouchableOpacity, | 6 | TouchableOpacity, |
7 | AsyncStorage, | 7 | AsyncStorage, |
8 | ScrollView, | 8 | ScrollView, |
9 | - //불러오기 위한 것 | ||
10 | Image, | 9 | Image, |
11 | } from 'react-native'; | 10 | } from 'react-native'; |
12 | import { Icon } from "native-base"; | 11 | import { Icon } from "native-base"; |
... | @@ -18,6 +17,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U"; | ... | @@ -18,6 +17,7 @@ const NAVER_CLIENT_SECRET = "0GRb3uya1U"; |
18 | 17 | ||
19 | export default class App extends Component { | 18 | export default class App extends Component { |
20 | state = { | 19 | state = { |
20 | + list: "", //영화 제목 list | ||
21 | date: "", //날짜 | 21 | date: "", //날짜 |
22 | imgurl0: [], //이미지 | 22 | imgurl0: [], //이미지 |
23 | name0: [], //제목 | 23 | name0: [], //제목 |
... | @@ -35,6 +35,7 @@ export default class App extends Component { | ... | @@ -35,6 +35,7 @@ export default class App extends Component { |
35 | var year = new Date().getFullYear(); //Current Year | 35 | var year = new Date().getFullYear(); //Current Year |
36 | var date = year + "" + month + day; | 36 | var date = year + "" + month + day; |
37 | this.getMovieList(date); | 37 | this.getMovieList(date); |
38 | + this.setData(); | ||
38 | } | 39 | } |
39 | 40 | ||
40 | getMovieList = async date => { | 41 | getMovieList = async date => { |
... | @@ -79,16 +80,11 @@ export default class App extends Component { | ... | @@ -79,16 +80,11 @@ export default class App extends Component { |
79 | ) | 80 | ) |
80 | } | 81 | } |
81 | 82 | ||
82 | - //저장 함수 | 83 | + //Data 설정함수 |
83 | - // saveData() { | 84 | + setData = async () => { |
84 | - // AsyncStorage.setItem('test', this.state.name0); | ||
85 | - // } | ||
86 | - | ||
87 | - //출력 함수 | ||
88 | - displayData = async () => { | ||
89 | try { | 85 | try { |
90 | - let user = await AsyncStorage.getItem('MovieLists'); | 86 | + this.state.list = await AsyncStorage.getItem('MovieLists'); //List에 받아온다 |
91 | - alert(user); | 87 | + //console.log(this.state.list); //잘 뜨는데?? |
92 | } | 88 | } |
93 | catch (error) { | 89 | catch (error) { |
94 | alert(error) | 90 | alert(error) |
... | @@ -99,23 +95,10 @@ export default class App extends Component { | ... | @@ -99,23 +95,10 @@ export default class App extends Component { |
99 | render() { | 95 | render() { |
100 | return ( | 96 | return ( |
101 | <View style={styles.container}> | 97 | <View style={styles.container}> |
102 | - <View style={styles.top}> | 98 | + <TouchableOpacity onPress={this.componentDidMount.bind(this)}> |
103 | - {/* bind해주면 위에 saveData 돌아간다 */} | 99 | + <Text style={styles.textStyle}>눌러용</Text> |
104 | - {/* <TouchableOpacity onPress={this.saveData.bind(this)}> | ||
105 | - <Image | ||
106 | - style={styles.poster} | ||
107 | - source={{ uri: `${this.state.imgurl0}` }} | ||
108 | - /> | ||
109 | - <Text>{this.state.name0}</Text> | ||
110 | - <Text style={styles.textStyle}>영화 정보 저장</Text> | ||
111 | - </TouchableOpacity> */} | ||
112 | - </View> | ||
113 | - | ||
114 | - <View style={styles.bottom}> | ||
115 | - <TouchableOpacity onPress={this.displayData}> | ||
116 | - <Text style={styles.textStyle}>영화 정보 출력</Text> | ||
117 | </TouchableOpacity> | 100 | </TouchableOpacity> |
118 | - </View> | 101 | + <Text style={styles.textStyle}>{this.state.list}</Text> |
119 | </View> | 102 | </View> |
120 | ); | 103 | ); |
121 | } | 104 | } |
... | @@ -126,21 +109,7 @@ const styles = StyleSheet.create({ | ... | @@ -126,21 +109,7 @@ const styles = StyleSheet.create({ |
126 | flex: 1, | 109 | flex: 1, |
127 | alignItems: "center" | 110 | alignItems: "center" |
128 | }, | 111 | }, |
129 | - top: { | ||
130 | - flex: 2, | ||
131 | - justifyContent: 'center', | ||
132 | - alignItems: 'center', | ||
133 | - }, | ||
134 | - bottom: { | ||
135 | - flex: 1, | ||
136 | - justifyContent: 'center', | ||
137 | - alignItems: 'center', | ||
138 | - }, | ||
139 | textStyle: { | 112 | textStyle: { |
140 | fontSize: 25, | 113 | fontSize: 25, |
141 | }, | 114 | }, |
142 | - poster: { | ||
143 | - flex: 5, | ||
144 | - paddingHorizontal: 50 | ||
145 | - }, | ||
146 | }); | 115 | }); |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment