Mobile App
1.[프로젝트 배경]
웹으로만 구현된 프로젝트에 대한 사용자의 접근성을 높이기 위한 방법을 요청받았다.모바일 앱이 푸시 노티 가능, 장소에 구애 받지 않는다는 점에서 사용자의 접근성을 극대화할 수 있다고 판단했고, 이에 대한 리서치를 시작했다.먼저, 웹프론트엔드 개발자이기 때문에 앱개발에
2.[React-Native] 개발환경 설정
오잉
3.[에러] Unrecognized font family
앱에 아이콘을 사용하려 했다.react-native-vector-icons에 있는 앱을 사용하려 npm install도 하고import Icon from 'react-native-vector-icons/Ionicons';로 불러오고<Icon name="airpla
4.[React-Navigation] 페이지 이동
개발이 필요한 페이지가 로그인페이지를 포함하여 대략 5페이지 정도가 된다.그래서 routing에 대해 알아봤는데,웹에서의 routing이 RN에서는 stack이라는 개념으로 불리고 있었다.stack을 사용하기 위해 react-navigation이라는 라이브러리를 사용해
5.[React-Native] Typescript 적용
react-native로 처음 개발을 해보다 보니, props를 몰라 오타가 나거나 잘못된 데서 불러도 에러표시가 안 나 해당 문제를 해결하는 데 계속 시간을 소비했다.그래서 빠르게 타입스크립트를 적용시켰다.타입스크립트 적용 방법 또한 react-native 공식 문서
6.[React-Native] State 관리
7.[에러] render error view config getter callback for component 'input' must be a function (received 'undefined')
8.[안드로이드] 에뮬레이터 에러
M1 맥에서는 안드로이드 스튜디오에서 에뮬레이터를 돌리려 하면 실행이 안 된다. 내가 한 것들을 다 적어놓으려고 한다. AVD manager 로 생성한 avd로 실행하기 Preference 설정 변경 android-emulator-m1-preview https://github.com/google/android-emulator-m1-preview/re...
9.[React-Native] Axios interceptors
Axios 사용하면서, 중복되는 API url, header값들 계속 같이 보내주는 게 귀찬항서 axios interceptors를 사용했다.baseUrl로 중복되는 url을 지정해줬다.내가 가장 귀찮게 생각했던 부분은 토큰값이었다.토큰값을 asyncStorage에 저
10.[React-native] 안드로이드 react-native-vector-icons
react-native-vector-icons 를 안드로이드에서 확인했더니 에러가 나서 엑박으로 보여지고 있었다.고럴 땐 android/app/build.gradle에 apply from: "../../node_modules/react-native-vector-icon
11.[React-Native] 디바이스 테스트
RN을 통해 만든 프로젝트를 실제 디바이스(내 폰)으로 테스트해보려고 한다.시뮬레이터 돌릴 때처럼 내 폰을 맥북에 연결한 후에 디바이스 변경하려고 하니위와 같은 에러가 떴다.요거는 하란 대로 해주면 되는데여기에 애플 아이디를 추가해줘야 한다.그리고,여기서 Signing