생각은 길게 코딩은 짧게

로그인을 한번 했다면 다시 앱에 들어갔을 때 자동 로그인이 되어야 User들이 로그인을 계속 해야되는 귀찮음을 덜어드릴 수 있겠죠?! 그래서 구현해보았습니다. ✅ AsyncStorage에 대하여 AsyncStorage는 리액트 네이티브에서 사용할 수 있는 key-value 형식의 저장소다. 웹에서 사용하는 LocalStorage와 같은 기능을 한다고 생각하면 편한데, localstorage와 차이점은 AsyncStorage는 비동기적으로 작동한다는 것이다. 쉽게 말하면 React Native에서 어떤 값을 오프라인에(디바이스 자체) 저장하고 싶을 때 쓰는 패키지이다. ✅ AsyncStorage Install Installation | Async Storage Install react-native-asyn..

🔻 로그인 버튼을 눌렀을 때 아이디 비밀번호가 DB에 없을 경우 오류메시지와 함께 비밀번호 값을 비워보았따 ✅ React.createRef() this.passwordRef = React.createRef(); ✅ 조건문 걸어주기 if(response.id == "0" ) { this.setState({ confirmreg : false }); this.passwordRef.clear(); return false; } 로그인 정보가 서버에 없을 경우 제가 받는 response message가 {id: 0} 이므로 id 값이 0일 경우에 오류 메시지와 함께 비밀번호 창을 비우게 해주었습니다. 💡 결론 : 비밀번호 창을 비우는 코드는 이것 ! this.passwordRef.clear();

로그인을 할 때 비밀번호를 보이지 않게 별표로 표시하고싶을 때 !! ✅ secureTextEntry의 값을 true로 설정해주기 간단하게 설정할 수 있답니다 :)

노트북에서 벗어나 데스크탑으로 바꾸면서 환경설정을 처음부터 다시했어요 믿고 따라오시면 30분도 안걸릴 것임!! 예전에 한 환경설정이 매우 복잡한 것을 확인하고 다시 포스팅 하였습니다 ! ✅ jdk 11버전 설치 및 환경설정 💡 오라클에 들어가서 조금만 내리다 보면 11버전이 있습니다 로그인 후 jdk가 다운이 됩니다 Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support available, with 24/7 global access to the experts. www.oracle.com ✅ 환경설정을 위해 자바 경로로 이동해줍니다 ( 경로 ctrl + c ) ✅ 시스템 속성 > 환경변..

함수형 자료가 너무 많은데에 비해 class형은 자료가 많이 없어서 헤맷다 ... 이러한 삽질은 좋지 않으므로 포스팅 해야징 ✅ UseRef를 class형에서 쓰는 방법 ( 출처 - stack overflow ) this.myRef = React.createRef(); 요렇게 React.UseRef를 사용하면 된다 비전 카메라 구현했을 때도 이렇게 했는데... 제대로 알고 쓰지 않으면 이렇게 되는 것이다... 뭐든지 제대로 해야함!! ✅ 적용코드 constructor(props) { super(props); this.nameRef = React.createRef(); } handleModal = () => { const { name ,number,price } = this.state ; if (name ..

방법 1 ✅ android > app > src > main > AndroidMainfest.xml android:windowSoftInputMode="stateAlwaysHidden|adjustPan|adjustResize" 💡 부분의 android:windowSoftInputMode 를 변경하면 된다 ( Tab Bar가 아예 숨겨짐 ) 방법 2 ✅ Tab.Navigator screenOptions에 추가 tabBarHideOnKeyboard:true, 💡 이 방법은 애니메이션 효과로 Tab Bar 가 잠시 나타났다가 사라진다 ( 하단 Tab Bar가 나왔다가 사라짐 ) > 저는 방법 1을 사용하여 Tab Bar 자체를 없앴습니다

Modal 구현할 때마다 방황하는 내가 싫어 제대로 포스팅한다 !!!! ✅ 모달을 띄우는 부울 값 this.state = { number: null, modal: false, } handleModal = () => { this.setState({ modal: this.state.modal ? false : true, }); }; ✅ 상품등록 버튼 시 모달을 띄워야 하므로 onPress 시 handleModal 함수 부르기 상품등록하기 ✅ class SearchModal에 Props로 전달할 값들 선언 {this.state.modal && ( this.setState({ modal: this.state.modal ? false : true })} />)} ✅ SearchModal 에서 Modal 구현해주기..

검색을 원하는 text를 선택 시 구글 웹페이지로 이동해 검색할 수 있도록 구현해보았습니다 ✅ react-native document에 openURL()을 쓰는 방법을 찾아 적용해보았어요 적용하기 import { Linking } from 'react-native'; Linking.openURL('http://www.google.com/search?q=' + this.props.item.number)}> 저는 부품번호를 검색하기 위해 부품번호의 값을 props로 받아 Linking 해주었습니다 적용화면