React Native 3

React Native 패키지 업데이트 후 제대로 동작하지 않을 때

React Native 혹은 Expo 패키지 업데이트 후 동작이 원활하게 동작하지 않을 때 적절히 사용하면 좋은 명령어들 입니다. 업데이트에 의해서 많은 파일이 급격하게 변하거나 하는 경우 watchman의 데이터나 npm cache데이터가 꼬이면서 빌드 혹은 실행이 제대로 되지 않는 경우에 사용하면 좋습니다. watchman 정리 watchman은 파일이 변경됨을 감시하고 기록하기 위해 만들어진 서비스입니다. react-native와 마찬가지로 facebook에서 만들어졌습니다. 아래의 명령어로 watchman에서 관리 감시하고 있는 기록을 모두 삭제할 수 있습니다. watchman watch-del-all cache clean npm에서 관리하고 있는 cache 데이터를 삭제하는 방법입니다. 패키지관..

Expo 프로젝트관련 명령어

expo-cli 설치 expo 명령어를 사용하기 위해서 "expo-cli" 패키지를 전역에 설치합니다. (cli는 "command line interface"를 뜻합니다.) npm install expo-cli -g expo 프로젝트 생성 expo init 프로젝트명 expo 프로젝트 실행 expo-cli 명령어를 사용하는 경우 # 서버 실행 expo start # 서버 + android 실행 expo start -a # 서버 + ios 실행 expo start -i yarn 명령어를 사용하는 경우 전역에 "yarn" 패키지가 설치되어 있어야 합니다. (예: npm install yarn -g) # yarn 설치명령어 #npm install yarn -g # 서버 실행 yarn start # 서버 + a..

React Native UI Components Library Top 3

Fullstack 개발자 혹은 개인 개발자의 경우 컴포넌트들을 일 일이 혹은 조금 예쁘게 꾸미기에는 시간과 노력이 많이 들어가게 됩니다. 그럴 때 UI 컴포넌트 라이브러리를 사용하여 개발 시간을 단축 혹은, 조금 더 사용자에게 친화적인 UI/UX를 구성하는데 도움을 주는 3대 UI 컴포넌트 라이브러리에 대해서 알아보겠습니다. 아래는 최근 5년동안의 "native-base, react-native-elements, react-native-paper"에 대한 트렌드를 보여주는 그래프입니다. 아래의 3개의 컴포넌트는 현재 React Navigation과 아주 호환이 잘 되어 있습니다. React Navigation | React Navigation Routing and navigation for your Re..