Terminal/React Native (4) 썸네일형 리스트형 require(../drawable/emoticon.png) require(dataName[i])형식으로 사용했는데 컴파일이 안되길래 내가 팀원과 뭐 실수한건가 찾아봤었는데.. 알고보니 dynamic string이 안먹는거였다 https://stackoverflow.com/questions/44991669/react-native-require-with-dynamic-string react-devtools 설치 1. react-devtools를 설치 $ npm i react-devtools $ npm install -g react-devtools 2. react-devtools를 실행 $ react-devtools 명령어를 실행하면 아래와 프로그램이 실행되고 모바일 expo에서 QR코드를 찍고 reload를 했을때 아래와 같은 내용이 나타난다. 하지만 react 버전이 devtools 와 맞지 않는 경우 아래와 같은 메시지가 나타날 수 있다. 참고 : https://www.npmjs.com/package/react-devtools 막상 위에서 가이드 된 대로 실행한다. $ npm install -d react-devtools@^3 버전3이 설치되지만 $ react-devtools 를 실행했을 때 버전4로 계속 .. 리액트 네이티브 개발 방법 React Native는 아래와 같이 2가지 개발 방법이 있다. 1. Expo CLI 2. React Native CLI Expo란? 쉽게 말해, 리액트 네이티브로 하는 개발을 쉽게 할 수 있게 해주는 것이다. 리액트 네이티브를 위한 set-up이 미리 구성되어 있다. native 파일들을 사용자에게서 숨겨놓고, 알아서 관리해주는 툴이다. Expo의 장점 - Expo는 개발 시작하기가 간편하다. 리액트 네이티브를 위한 set up이 미리 구성되어 있기 때문이다. - Expo는 배포하기가 매우 편하다. 처음 배포 후, 업데이트 버전은, Expo에 publish만 해주면, Expo가 알아서 업데이트 해준다. Expo의 단점 - Expo에서 제공하는 API만 사용가능하다. 필요한 기능이 없을 경우, 모듈을 만.. 리액트 네이티브란? 리액트의 접근 방법을 모바일로 확장한 Facebook의 오픈소스 프로젝트이다. javascript로 코딩한 React의 컴포넌트는 React Native 플랫폼을 거쳐 IOS, Android Native 코드로 각각 변환된다. 리액트 네이티브가 하는 일은 자바스크립트를 사용하여 ios 또는 android의 네이티브 엔진에게 메시지를 보내는 것이다. 즉, 연결해주는 브릿지 역할을 한다고 볼 수 있으며, 자바스크립트와 폰의 커뮤니케이션을 쉽게 하려고 만들어진 것이다. 리액트 네이티브는 ios와 android의 코어로 가는 네이티브이기는 하지만, 브릿지로 많은 데이터를 보내면 성능이 느려질수도 있다. 컴포넌트란? 위의 리액트 네이티브의 정의를 읽어보면, React의 컴포턴트가 React Naive 플랫폼을 통.. 이전 1 다음
