소소한 기록장

일반적으로 StackNavigator에서 header title을 설정하여 사용했는데, 채팅방에 들어가면 header title을 상대방 이름으로 설정하고 싶었다. 먼저 이전 화면에서 클릭 이벤트 발생 시 채팅방 화면으로 사용자 이름을 넘겨준다. this.props.navigation.navigate('Chat', { headerTitle: li.nickname, }); 그 후 header title을 바꾸고자 하는 화면(채팅방 화면)에 다음 코드를 추가하면 된다. // 사용자 이름 전달받기 this.state = { headerTitle: props.route.params.headerTitle, }; // 헤더에 사용자 이름 적용 this.props.navigation.setOptions({header..

React Native 앱 개발 중 사용자 관리를 위해 firebase-admin을 사용하려고 했는데 다음과 같은 오류가 발생했다. [Error: undefined Unable to resolve module `fs` from `node_modules\firebase-admin\lib\firebase-namespace.js`: fs could not be found within the project. 검색해보니 firebase-admin은 client-side인 React Native에서는 사용할 수 없다고 한다. 오류 메시지에 나온 fs는 server-side인 Node.js의 core 모듈이라고 한다. 즉 이 프로젝트가 server-side가 아니니 사용할 수 없다는 말이다. 참고: github.co..

서버에서 받아온 시간을 한글 형식에 맞춰 나타내야 했다. 년월일의 경우 Date의 getFullYear, getMonth, getDate로 각각의 값을 가져와 이용했다. toLocaleDateString()을 이용하면 YY/MM/DD 형식으로 변환된다. 전체 코드 dateToStr = (date) => { var week = new Array('일', '월', '화', '수', '목', '금', '토'); var localTime = date.toLocaleTimeString(); var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate(); var dayName = week[date.getDay()]; ret..

npm install 혹은 uninstall을 할 때 다음과 같이 rename 오류가 발생할 때가 있다. npm ERR! code EPERM npm ERR! syscall rename npm ERR! path C:\Users\user\Desktop\Project1\node_modules\@react-native-community\datetimepicker npm ERR! dest C:\Users\user\Desktop\Project1\node_modules\@react-native-community\.datetimepicker-wMJFkihF npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, rename 'C:\Users\user\..

{ if (inputNickName.trim()=="") Alert.alert('', '공백은 닉네임으로 사용할 수 없습니다.'); else this.updateProfile(inputNickName); }} closeDialog={() => { this.setState({showAlert_changename: false}); }} /> initValueTextInput을 설정해주지 않으면 아무것도 입력하지 않고 submit 버튼을 눌렀을 때 inputNickName이 undefined여서 if문의 inputNickName.trim()에서 오류가 발생한다. 아무것도 입력하지 않았을 때 공백 문자열을 default로 설정해준다.