생각은 길게 코딩은 짧게

비밀번호 변경 후 재로그인을 위해 다시 로그인 창을 불러야하는 경우가 생겼다. React Native에서 page를 navigate하는 것은(this.props.navigation.navigate('Login')) stack 구조로 진행이 되기 때문에 이미 didMount된 상태의 페이지가 불러져 다시 componentDidMount가 실행 되지 않는다. 해결 전 해결 후 해결 전 문제점 : componentDidMount가 다시 실행되지 않아 이미 로그인 되어있는 창이 불러졌다 💡 this.props.navigation.addListener() 사용 componentWillUnmount 는 컴포넌트가 화면에서 사라지기 직전에 호출된다. 정보 수정 창이 화면에서 사라질 때 login 창이 포커스 되면 a..

API를 사용하여 사업자 등록증과 명함 사진을 서버에서 들고와보았습니다. ✅ 로그인 되어있는 사용자의 아이디와 패스워드를 서버로 보내 사진을 가져오는 API //사업자등록증 사진을 가져오는 API async callGetCompanyImage(loginInfo) { let manager = new WebServiceManager(Constant.serviceURL + "/GetCompanyImage", "post"); manager.addFormData("data", { userID: loginInfo.userID, passwd: loginInfo.passwd, id: 2 }); let response = await manager.start(); if (response.ok) { return respon..

import React, { Component } from 'react'; import { View, Text, TextInput, TouchableOpacity, FlatList, ScrollView } from 'react-native'; import { styles } from "../../styles/address_search"; import Icon from 'react-native-vector-icons/MaterialIcons'; import PageIcon from 'react-native-vector-icons/AntDesign' import WebServiceManager from '../../util/webservice_manager'; class SearchAddress extend..

Animated.View를 사용하여 구현해보았습니당 ✅ Animated 기준값을 전역변수로 지정 constructor(props) { super(props); this.AnimatedHeaderValue = new Animated.Value(0); // Animated 기준값(0,0) this.state = { goodsContent: [], indicator : false, }; } ✅ render 부분에 Animated.View 사용 render() { const Header_Maximum_Height = 120; const Header_Minimum_Height = 60; const renderHeader = this.AnimatedHeaderValue.interpolate( { inputRange..

열어분 Happy New Year ♥ List 를 불러올 때 양이 많아서 Delay가 있기 때문에 List들을 불러올 때 동안 로딩화면이 돌아가도록 구현해보았어요 📍 ActivityIndicator 란 원형의 로딩창으로 일부 활동에서 진행상황을 나타내는데 사용됩니다 ✅ Indicator.js - 로딩화면이 필요한 곳이 있을 때마다 불러서 사용하기 위해 하나의 파일을 만들어주었습니다. import React, {Component} from "react"; import { ActivityIndicator , StyleSheet, View } from "react-native"; class Indicator extends Component{ render(){ return ( ) } } const styles ..

독감으로 앓는다고 일주일 쉬었따...ㅠㅠ (꿀맛 같았음) 다들 추운데 감기 조심하세요 사업자번호 사진을 찍으면 번호가 따와져 그 값을 바로 TextInput에 자동으로 들어가도록 구현했습니다 ✅ navigation.navigate함수의 두 번째 매개 변수로 객체에 매개 변수를 넣어 경로에 매개 변수를 전달 this.props.navigation.navigate('SignUp',{companyNo:this.state.companyNo}); //TextInput에 나타내주기 위해 사업자번호 보내줌 ✅ initialParams 속성을 사용하여 기본값 지정 ✅ props가 업데이트 되면 받아온 값들을 저장 ( 사업자번호 사진 & 사업자번호 ) - react 문서를 참고하였습니다 componentDidUpdate..