프론트엔드/React-native 3

react-native 아이콘 삽입하기

vscode에서 react-native로 동기들과 어플을 만들고 있는 중이다.그러던 중 화면에 뒤로가기 화살표를 삽입할 일이 생겨서 약 1시간 반의 노력 끝에 성공했다 히히 찾아보니 react-native 내부에 icon을 사용할 수 있는 library가 있다고 한다.설치를 시작해보자. 1. react-native-vector-icons를 설치해준다.> npm install react-native-vector-icons  2. android>app>build.gradle 가장 하단에 다음 코드를 넣어준다. apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"  3. icon이 필요한 파일에 import 해주고 필요한 아이콘을 삽입..

Vscode로 react-native 실행할 때 폰트 업로드하기

vscode에 폰트를 업로드할 일이 없나보다.. 왜 아무리 찾아봐도 정보를 얻을 수가 없는 것인가..>!!! 그래서 이번 글을 쓴다. . 다들.. 파이팅... 동기들과 프로젝트를 하면서 앱에 사용할 글꼴을 vscode에 업로드해야할 일이 발생했다.초기 세팅 단계인데 왜이렇게 우여곡절이 많은지 모르겠다. 다들 처음하는 프로젝트라 다같이 머리를 싸매면서 하고 있다. 나름 ~ 괜찮을지도 ~ ㅎ 일단 폰트를 다운 받는다.해당 글에서는 SB 어그로체를 사용하였다. url을 첨부하니 필요하신 분은 받아가세요~https://noonnu.cc/font_page/738 눈누어그로체 - (주)샌드박스네트워크noonnu.cc 설치를 하고 압축풀고 root 밑에 assets라는 폴더를 만들어준다.이미지나 폰트 같은 정적 파일..

React-native 오류 해결하기

안드로이드 스튜디오를 깔고 오류가 정말 많다.. 벌써 두번이나 지웠다 다시 깔아서 이번이 세 번째 초기 환경 세팅이다.... :(  vscode에서 npx react-native doctor를 입력했을 때 뜨는 화면이다. 오류를 해결해보자.>npx react-native doctor Common ✓ Node.js - Required to execute JavaScript code ✓ npm - Required to install NPM dependencies ● Metro - Metro Bundler is not runningAndroid ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio..