korkeep

눌러용 눌러야만 list 출력

...@@ -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
......