TIL

[React Native] expo-font와 Font.loadAsync 오류

fontFamily "material-community" is not a system font and has not been loaded through Font.loadAsync. 눈누에서 받은 폰트 설치를 위해서 expo-font를 설치했는데 그 이후로 미친듯이 오류가 나기 시작했다... 빨간 화면이 뒤덮는 수준은 아니지만 ㅠ 시작화면부터 꼭 아래에 작게 오류창이 떴다 저걸 눌러보면 이렇게... ㅠ 그래서 expo-font를 삭제했더니, 이전에 설치해서 사용중이던 vector-icons에서 expo-font 컴포넌트를 쓰는 중이라 또 오류!!! 그렇다고 다시 깔면 또 오류!!!!! 그래서 어떡하나 했는데 터미널에 떡하니 답이 있었다; ㅎㅎ 왜 못 봤지 stackoverflow에서도 버전의 문제라는 얘길..

[React Native] 서버 켜는 방법 (java spring boot)

서버를 켜보겠습니다. 일단 JAVA JDK를 설치합니다 저희는 팀원 모두 1.8버전을 쓰고 있어서 그걸 받았어요 프로젝트마다 폴더 구조가 다를 수 있어요 저는 저희 팀 기준으로 하겠습니다! 프로젝트폴더/Back-End/{프로젝트명-은 저희 기준} 경로에서 git bash를 켜고 (프로젝트명은 저희 팀 기준이고.. 일단 저는 AAA라고 하겠습니다) ./gradlew build 기다려주세요 지금 빌드 되는 중입니다 기다리면 0%에서 숫자가 점점 올라가요! 빌드 완성! 그럼 이제 bash를 켰던 폴더에 build라는 폴더가 새로 생겨있을 거예요 거기로 이동하셔서 명령어를 쳐주면됩니다 cd ./build/libs java -jar libs폴더안에 있는 jar 파일명.jar 이 파일을 실행해주면 돼요 plain말..

[React Native] 라이브러리 없이 자바스크립트로 날짜 포맷팅하기!

흠 아무래도 리액트 네이티브가 아니라 자바스크립트 카테고리로 가야할 것 같지만 리액트 네이티브 앱 개발 중에 알게 된거니까 일단 여기에 나중에 네 옮겨보도록 하겠음 나의 목표 + 계획 1. 오늘이 무슨 요일인지 알아 낸다. 2. 월요일이라면 오늘 날짜를, 월요일이 아니라면 이번주의 월요일 날짜를 YYYYMMDD 의 포맷으로 만들어서 axios 요청을 보낸다 여기서 필요한 건 1. 월요일부터 금요일까지 0~4 번호로 인덱싱하기 2. 인덱스를 기준으로 이번주 월요일 찾기 3. 이번 주 월요일을 YYYYMMDD string으로 반환하기 하나씩 해보겠습니다 1. 월요일부터 금요일까지 0~4 번호로 인덱싱하기 let today = new Date(); let todayDay = today.getDay() - 1;..

[React Native] 날짜 관련 라이브러리 moment vs. date-fns

우리팀에 만든 API Docs에 따르면 일주일치 일정을 요청할 때에는 startdate를 보내야 한다. 포맷은 YYYYMMDD 오늘 날짜에 맞춰서 그 주의 월요일 날짜를 알아내서 위의 포맷에 맞춰서 string을 보내야 했는데, React Native는 MM이 아닌 M으로만 반환이 되어서 내가 원하는 대로 포맷팅하기 위해서는 라이브러리를 설치해야 했다. (방법 찾았음) 그 전에 일단, 리액트 네이티브 자체에서 날짜를 구하기 위해서는 아래 코드를 입력하면 된다. (나는 날짜를 매일 다르게 받아 오므로 let으로 선언함) let date = new Date() 그러면 date에는 아래 값이 담긴다. 2022-08-08T06:05:30.461Z 나는 여기서 20220808을 만들고 싶어서 let startDa..

[React Native] 서버에 요청해서 JSON 받아 오는 방법 (fetch vs. axios)

매주 한 번씩 또는 앱을 켤 때마다 서버에 요청해서 서버가 가지고 있는 일주일치 스케쥴 정보를 받아와야 하는데 이 때 사용하는 게 axios 또는 fetch다. 처음에 구글에 react native json request 라고 검색했더니 fetch가 많이 나와서 fetch로 하려고 했는데, 팀원은 axios를 했다고 하길래 두 개 비교글을 검색해봤다. 아래 글을 참고(라고 쓰고 번역이라고 읽음)해서 적도록 하겠다 :) 결론만 먼저 말하자면 나는 fetch가 아닌 axios를 선택했다. Difference between Fetch and Axios.js for making http requests - GeeksforGeeks A Computer Science portal for geeks. It conta..

아마존이 iRobot(아이로봇)을 1.7억 달러에 완전 현금 거래로 인수

출처 : 아마존은 룸바 제조사인 아이로봇(iRobot)을 1.7억 달러(한화 약 2조 2천억원)에 인수하겠다고 금요일에 밝혔다. 거대 리테일 공룡(retail juggernaut) 주당 61달러에 전액 현금 거래로 아이로봇을 인수할 것이다. 주주들을 승인을 받고 규제에 걸리는 것 없이 통과 되면(regulatory green light), 이 거래는 완료될 것이다. 아이로봇의 CE O인 코린 앵글은 거래 성사 후에도 계속 회사 운영을 이어갈 것이다. 이번 거래는 13.7억 달러에 인수한 Whole Foods(홀푸드), 8.45억 달러에 구입한 MGM, 3.9억 달러에 인수한 건강 보험사(Primary Care Provider/ 원문 card는 오타) One Medical(원 메디컬)에 이은 네 번째로 큰..

[React Native] 버튼을 눌렀을 때 특정 값을 함수로 보내는 방법

이 방법을 찾기 위해 무수히 많은 코드를 참고 했고요...? 리액트도 잘 모르는 지라 props, useState, useEffect 다 너무 낯설어서 진짜 머리 뽀개지는 줄 알았음 거의 한 2~3일을 여기 매달린 것 같은데 정말 우연히 찾은 포스트에서 답을 찾았다ㅠㅠ 우선 출처 먼저! How to bind onPress with an argument in React Native? - The Web Dev Spread the love Related Posts How to clear the React Native cache?Sometimes, we want to clear the React Native cache. In this article, we'll look at… How to add logging ..

[React Native] react-native link 와 rnpm link의 차이

리액트 네이티브 앱 로딩 화면(Splash)을 넣으려고 찾아보는데 react-native link 와 rnpm link 두 개의 명령어 중에 선택하라는데 뭐가 뭔지 어떤 특징이 있는지 어떨때 뭘 선택해야하는지 전혀 설명이 없어서 계속 검색해봤다 근데 두개.. 같이 검색하면 안나오더라고ㅠㅠ react-native link rnpm link difference 같은 검색어는 안 먹더라 흑흑 그래서 그냥 각각 검색해서 정리하고 내가 생각한 차이?를 정리해보려고 한다... 1. react-native link An automatic way for installing native dependencies. It is an alternative to manually linking the dependency in yo..

[React Native] 에뮬레이터 실행 오류 고치기 (Error running adb)

Couldn't start project on Android: Error running adb: adb: failed to install {경로}Exponent=2.24.6.apk 하나를 고치니 또 딴 놈이 나오고.. 아오 일단! 원래 있던 AVD를 삭제하고 똑같은 설정과 이름으로 새로 설치 했다 Pixel 2 + API level 30 (R) + 이름 expo 그리고 혹시 몰라서 네트워크 환경 변수에 넣어놨던 ANDROIDHOME 어쩌고는 삭제 했음 나는 리액트 네이티브에서 안스 에뮬레이터 돌리려면 안스를 따로 켜야해서 만들어주는건가했는데 expo start하고 a누르면 알아서 불러오기 때문에 할 필요가 없더라! 안스 켜긴 켜야함.. 근데 일단 환경변수에서는 삭제 ㅇㅇ 내 문제는 위의 저 오류.. 그리..