React Native, Expo, Back4App으로 할일 목록 앱 만드는 방법

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

onLogin = async() =>{
  let  
     username =(this.state.username).trim(),
     password =(this.state.password).trim();

  if (username === "" || password === "" ) {
    this.setState(() => ({ nameError: `필드를올바르게  채우십시오.` })));
   } else {
    try {
       await Parse.User.logIn(username.toString(), password.toString());
      // this.submitAndClear();
      this.props.navigation.navigate('홈스택');       
     } catch (error) { 
      this.setState(() => ({ nameError: error.message })));
      반환 (오류)
     }
   }
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

onSignUp = async() => {}

  let  
     username = this.state.username,
     이메일 = this.state.email,
     password = this.state.password;

  if (username.trim() === "" || username === 정의되지 않음 || email.trim() === "" || email === undefined || password.trim() === "" || password === undefined ) {
    this.setState(() => ({ nameError: `필드를올바르게  채우십시오.`}));  
   } else {
    try {
       Parse.User.logOut();
      let user = new Parse.User();
       user.set("username", username);
       user.set("email", 이메일);
       user.set("password", password);
      const result = await user.signUp();
      
       AsyncStorage.setItem('sessionToken', result.getSessionToken());
       AsyncStorage.setItem('username', result.getUsername());

      this.submitAndClear();

      this.navigateToPage('홈스택');           
     } catch (error) {
       console.log(error)
        this.setState(() => ({ nameError: error.message })));
     }
   }
 }

1
2
3
4
5
6
7
8
9

resetPassword = () => {
   Parse.User.requestPasswordReset(this.state.email)
   .then(() => {
    this._alert('성공', '귀하의 주소로 이메일이 전송되었습니다.', '로그인', '로그인스택');
    this.submitAndClear();
   }).catch((error) => {
    this._alert('오류', error.message, '로그인', '로그인스택');
   });
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

createItem = () => {
  let item = this.state.item;

  if (item === "" || item === undefined){
    this.setState(() => ({ nameError: `필드를올바르게  채우십시오.` })));
   } else {
    const Todo = Parse.Object.extend("Todo");
    const todo = new Todo();

     todo.set("task", this.state.item);
     todo.set("userId", );
    
     todo.save().then(object => { {
      this.readAllItems();
      this.setState({item:''})
     }).catch(error=> {alert(error)})
   }
 }

1
2
3
4
5
6
7
8

readAllItems = async() => {
  const idUser = await Parse.User.currentAsync();
  const query = new Parse.Query("Todo");
   query.exists("task");
   query.equalTo('userId', idUser);
  const resultQuery = await query.find();
  this.setState({results:resultQuery});
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

updateItem = () => {
 const query = new Parse.Query("Todo");
   query.get(this.state.idObject).then(object => {
     object.set("task", this.state.updateValueDialog);
     object.save().then(objUpdate => {
      this.setState({updateValueDialog:'', dialogVisible: false})
      this.readAllItems();
     });
   });
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

deleteIten = async() => {
  const query = new Parse.Query("Todo");
  const object = await query.get(this.state.idObject);
  try{
     object.destroy();
    this.getAllData();
   } catch (e){
     alert(e)
   }
 }